添加营销系统模块

This commit is contained in:
hedekun
2018-11-08 08:39:42 +08:00
commit f7eb22e5bb
181 changed files with 35426 additions and 0 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,580 @@
<template>
<div class="app-container">
<el-row>
<el-col :span="6">
<el-card>
<el-button type="primary" icon="el-icon-circle-plus-outline" size="small" @click="handleAdd()">新增</el-button>
<el-button type="warning" icon="el-icon-edit" size="small" @click="handleEdit()">编辑</el-button>
<el-button type="danger" icon="el-icon-delete" size="small" @click="deleteTable()">删除</el-button>
</el-card>
</el-col>
<el-col :span="18">
<el-card>
<span>人员名称:</span>
<el-input v-model="Name" placeholder="请输入人员名称" class="input-with-select" size="small" style="width: 200px; margin-right: 15px" clearable>
<el-button slot="append" icon="el-icon-search" @click="fetchPeopleForName"/>
</el-input>
<el-button type="primary" icon="el-icon-circle-plus-outline" size="small" @click="addPeople()">新增</el-button>
<!--<el-button v-popover:popover4 type="success" icon="el-icon-sort" size="small" @click="moveGroup">移动</el-button>-->
<!--<el-button size="small" @click="postMaintain()">岗位维护</el-button>-->
<!--<el-popover-->
<!--ref="popover4"-->
<!--width="178"-->
<!--placement="right"-->
<!--trigger="click"-->
<!--@hide="hide()">-->
<!--<el-dropdown size="small" placement="bottom-start" style="margin-right: 0">-->
<!--<el-input-->
<!--v-model="nodeName1"-->
<!--:disabled="true"-->
<!--size="small"-->
<!--placeholder="请选择部门"/>-->
<!--<el-button type="text" size="small" style="margin-left: 60px; margin-top: 15px" @click="moveGroupConfim">确认</el-button>-->
<!--<el-dropdown-menu slot="dropdown">-->
<!--<el-tree-->
<!--ref="treeForm"-->
<!--:data="departmentData"-->
<!--:props="defaultProps"-->
<!--style="width: 150px"-->
<!--node-key="id"-->
<!--accordion-->
<!--@node-click="NodeClick"/>-->
<!--</el-dropdown-menu>-->
<!--</el-dropdown>-->
<!--</el-popover>-->
</el-card>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-card class="box-card" style="min-height: 743px; max-height: 743px">
<div slot="header" class="clearfix">
<span>部门维护</span>
<el-button style="float: right; padding: 3px 0" type="text" @click="expandALL()">展开</el-button>
</div>
<div style="height: 650px">
<el-tree
ref="treeForm"
:data="departmentData"
:props="defaultProps"
show-checkbox
node-key="id"
check-strictly
default-expand-all
@check-change="handleClick"/>
</div>
</el-card>
</el-col>
<el-col :span="18">
<el-card>
<el-table
ref="multipleTable"
:data="List"
stripe
tooltip-effect="dark"
style="width: 100%"
height="679"
highlight-current-row
border
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="55"/>
<el-table-column align="center" label="部门名称" width="100">
<template slot-scope="scope">
{{ scope.row.节点名称 }}
</template>
</el-table-column>
<el-table-column align="center" label="考勤编号" width="100">
<template slot-scope="scope">
{{ scope.row.考勤编号 }}
</template>
</el-table-column>
<el-table-column align="center" label="密码" width="100">
<template slot-scope="scope">
{{ scope.row.密码 }}
</template>
</el-table-column>
<el-table-column align="center" label="姓名" width="100">
<template slot-scope="scope">
{{ scope.row.姓名 }}
</template>
</el-table-column>
<el-table-column align="center" label="性别" width="100">
<template slot-scope="scope">
{{ scope.row.性别 }}
</template>
</el-table-column>
<el-table-column align="center" label="身份证号" width="165">
<template slot-scope="scope">
{{ scope.row.身份证号 }}
</template>
</el-table-column>
<el-table-column align="center" label="学历" width="100">
<template slot-scope="scope">
{{ scope.row.学历名称 }}
</template>
</el-table-column>
<el-table-column align="center" label="入职时间" width="100">
<template slot-scope="scope">
{{ scope.row.入公司时间 }}
</template>
</el-table-column>
<el-table-column align="center" label="出生日期" width="100">
<template slot-scope="scope">
{{ scope.row.出生日期 }}
</template>
</el-table-column>
<el-table-column align="center" label="联系方式" width="110">
<template slot-scope="scope">
{{ scope.row.联系电话 }}
</template>
</el-table-column>
<el-table-column align="center" label="岗位工种" width="100">
<template slot-scope="scope">
{{ scope.row.岗位名称 }}
</template>
</el-table-column>
<el-table-column align="center" label="民族" width="100">
<template slot-scope="scope">
{{ scope.row.民族 }}
</template>
</el-table-column>
<el-table-column align="center" label="家庭住址" width="200">
<template slot-scope="scope">
{{ scope.row.家庭住址 }}
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="200">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
icon="el-icon-edit"
@click="handleEditPeople(scope.row)">编辑</el-button>
<el-button
size="mini"
type="danger"
icon="el-icon-delete"
@click="deletePeopleTable(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="block" style="margin-top: 10px;">
<el-pagination
:current-page="PageCurrent"
:page-sizes="[10, 20, 30, 40]"
:page-size="10"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"/>
</div>
</el-card>
</el-col>
</el-row>
<!--新增和编辑部门-->
<!--<el-dialog :title="department_Title" :visible.sync="department_DFV" center style="min-height: 200px" width="400px">-->
<!--<el-form ref="form" :model="form" :rules="rules" label-position="left" label-width="110px" class="demo-ruleForm">-->
<!--<el-form-item label="部门名称" prop="DepartmentName">-->
<!--<el-input v-model="department_Form.DepartmentName" size="small" style="width:200px"/>-->
<!--</el-form-item>-->
<!--</el-form>-->
<!--<div slot="footer" class="dialog-footer">-->
<!--<el-button @click="cancel">取消</el-button>-->
<!--<el-button v-if="department_Title==='新增部门'" type="primary" @click="submitAdd">确定</el-button>-->
<!--<el-button v-else-if="department_Title==='编辑部门'" type="primary" @click="submitEdit">确定</el-button>-->
<!--</div>-->
<!--</el-dialog>-->
<el-dialog :title="people_title" :visible.sync="people_DFV" center style="min-height: 200px" width="800px">
<el-form ref="people_form" :rules="rules" :model="people_form" label-position="left" label-width="110px" class="demo-ruleForm">
<el-row>
<el-col :span="12">
<el-form-item label="考勤编号" prop="AccountNumber">
<el-input v-model="people_form.AccountNumber" size="small" style="width:200px"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="密码" prop="Password">
<el-input v-model="people_form.Password" size="small" style="width:200px"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="姓名" prop="Name">
<el-input v-model="people_form.Name" size="small" style="width:200px"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="性别" prop="Sex">
<el-select v-model="people_form.Sex" clearable placeholder="请选择性别" style="width: 200px" size="small">
<el-option
v-for="item in SexData"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出生日期" prop="Birthday">
<el-date-picker
v-model="people_form.Birthday"
value-format="yyyy-MM-dd"
size="small"
type="date"
placeholder="请选择出生日期"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="身份证号" prop="IDcard">
<el-input v-model="people_form.IDcard" size="small" style="width:200px"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="入职时间" prop="TimeOfEntry">
<el-date-picker
v-model="people_form.TimeOfEntry"
value-format="yyyy-MM-dd"
size="small"
type="date"
placeholder="请选择入职时间"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系方式" prop="ContactInformation">
<el-input v-model="people_form.ContactInformation" size="small" style="width:200px"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="学历" prop="Education">
<el-select v-model="people_form.Education" clearable placeholder="请选择学历" style="width: 200px" size="small">
<el-option
v-for="item in EducationDate"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="家庭住址" prop="Address">
<el-input v-model="people_form.Address" size="small" style="width:200px"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="民族" prop="Nation">
<el-input v-model="people_form.Nation" size="small" style="width:200px"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="岗位" prop="Post">
<el-select v-model="people_form.Post" clearable placeholder="请选择岗位" style="width: 200px" size="small">
<el-option
v-for="item in PostData"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取消</el-button>
<el-button v-if="people_title === '新增人员'" type="primary" @click="submitAddPeople">确定</el-button>
<el-button v-else-if="people_title === '编辑人员'" type="primary" @click="submitEditPeople">确定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getTree, tree, getTablePeople, getTablePeopleForName, addDepartmentName, delList, editList, delPeopleList, fetchEducationData, fetchPostData, addPeople, editPeople } from '@/api/BasicData/PersonnelManagement'
export default {
data() {
return {
departmentData: [],
expandAll: true,
i: 1,
id: '',
PageCurrent: 1,
PageSize: 10,
List: [],
total: null,
nodeName: '',
department_DFV: false,
department_Form: {
DepartmentName: ''
},
department_Title: '',
Name: '',
people_title: '',
people_DFV: false,
defaultProps: {
children: 'children',
label: 'label'
},
people_form: {
Name: '',
AccountNumber: '',
Password: '',
Sex: null,
Birthday: '',
IDcard: '',
TimeOfEntry: '',
ContactInformation: '',
Address: null,
Nation: '',
ForeignLanguageLevel: null,
Title: null,
PositionStatus: null,
Education: null,
Post: null,
PeopleID: null
},
rules: {
Name: [{ required: true, message: '请输入', trigger: 'blur' }],
AccountNumber: [{ required: true, message: '请输入', trigger: 'blur' }],
Password: [{ required: true, message: '请输入', trigger: 'blur' }],
Sex: [{ required: true, message: '请输入', trigger: 'change' }],
Birthday: [{ required: true, message: '请输入', trigger: 'change' }],
IDcard: [{ required: true, message: '请输入', trigger: 'blur' }],
TimeOfEntry: [{ required: true, message: '请输入', trigger: 'change' }],
ContactInformation: [{ required: true, message: '请输入', trigger: 'blur' }],
Address: [{ required: true, message: '请输入', trigger: 'change' }],
Nation: [{ required: true, message: '请输入', trigger: 'change' }],
ForeignLanguageLevel: [{ required: true, message: '请输入', trigger: 'change' }],
Title: [{ required: true, message: '请输入', trigger: 'change' }],
PositionStatus: [{ required: true, message: '请输入', trigger: 'change' }],
Education: [{ required: true, message: '请输入', trigger: 'change' }],
Post: [{ required: true, message: '请输入', trigger: 'change' }]
},
SexData: [{
value: 1,
label: '男'
}, {
value: 2,
label: '女'
}],
EducationDate: [],
PostData: [],
multipleSelection: [],
nodeName1: []
}
},
created() {
this.getTreeData()
this.fetchEducationData()
this.fetchPostData()
},
methods: {
fetchEducationData() {
this.getSelect(fetchEducationData, ['学历名称', '学历编号'], 'EducationDate')
},
fetchPostData() {
this.people_form.Post = ''
this.PostData = []
this.getSelect(fetchPostData, ['岗位名称', '岗位编号'], 'PostData')
},
getTreeData() {
getTree().then(response => {
const data = response.data
this.departmentData = tree(data, 0)
})
},
expandALL() {
this.expandAll = !this.expandAll
for (let i = 0; i < this.$refs.treeForm.store._getAllNodes().length; i++) {
this.$refs.treeForm.store._getAllNodes()[i].expanded = this.expandAll
}
},
handleNodeClick() {
this.getTable(getTablePeople, [this.id, this.PageCurrent, this.PageSize], ['List', 'total'])
},
handleClick(data, checked) {
if (this.$refs.treeForm.getCheckedKeys().length !== 0 && this.$refs.treeForm.getCheckedNodes().length !== 0) {
const data = this.$refs.treeForm.getCheckedKeys()
if (data.length === 1) {
this.id = data[0]
this.handleNodeClick()
}
this.nodeName = this.$refs.treeForm.getCheckedNodes()[0].label
} else {
this.id = ''
this.handleNodeClick()
}
this.i++
if (this.i % 2 === 1) {
if (checked) {
this.$refs.treeForm.setCheckedNodes([data])
} else {
this.$refs.treeForm.setCheckedNodes([])
}
}
},
handleAdd() {
this.department_Title = '新增部门'
this.department_DFV = true
this.addForm('department_Form')
},
handleEdit() {
this.addForm('department_Form')
if (this.id) {
this.department_Title = '编辑部门'
this.department_DFV = true
this.department_Form.DepartmentName = this.nodeName
} else {
this.$message.warning(`请选择要修改的部门`)
}
},
submitAdd() {
this.department_DFV = false
if (this.id) {
addDepartmentName(this.id, this.department_Form.DepartmentName, 0).then(response => {
console.log(response.data[0].result === '1')
if (response.data[0].result === '1') {
this.getTreeData()
this.$message.success('添加成功')
} else {
this.$message.error('添加失败')
}
})
} else {
addDepartmentName(0, this.department_Form.DepartmentName, 0).then(response => {
if (response.data[0].result === '1') {
this.getTreeData()
this.$message.success('添加成功')
} else {
this.$message.error('添加失败')
}
})
}
},
submitEdit() {
this.department_DFV = false
editList(this.id, this.department_Form.DepartmentName).then(response => {
if (response.data[0].result === '1') {
this.getTreeData()
this.$message.success('编辑成功')
} else {
this.$message.error('编辑失败')
}
})
},
deleteTable() {
if (this.id) {
this.deleteRow(delList, this.id, function() { this.getTreeData() })
} else {
this.$message.warning(`请选择部门`)
}
},
cancel() {
this.department_DFV = false
this.people_DFV = false
},
fetchPeopleForName() {
if (this.Name) {
getTablePeopleForName(this.Name).then(response => {
for (let i = 0; i < response.data.length; i++) {
// let Data = response.data
if (response.data[i].入公司时间) {
response.data[i].入公司时间 = response.data[i].入公司时间.split(' ')[0]
}
if (response.data[i].出生日期) {
response.data[i].出生日期 = response.data[i].出生日期.split(' ')[0]
}
}
this.List = response.data
})
} else {
this.$message.warning(`请输入人员姓名`)
this.List = []
}
},
addPeople() {
this.people_title = '新增人员'
this.people_DFV = true
this.addForm('people_form')
},
submitAddPeople() {
this.people_DFV = false
if (this.id) {
addPeople(this.id, this.people_form.Sex, this.people_form.Education, this.people_form.Address, this.people_form.Nation, this.people_form.Post, this.people_form.AccountNumber, this.people_form.Password, this.people_form.Name, this.people_form.IDcard, this.people_form.TimeOfEntry, this.people_form.Birthday, this.people_form.ContactInformation).then(response => {
if (response.data[0].result === '1') {
this.handleNodeClick()
this.$message.success('添加成功')
} else {
this.$message.error('添加失败')
}
})
} else {
this.$message.warning(`请选择部门名称`)
}
},
handleEditPeople(row) {
this.people_title = '编辑人员'
this.people_DFV = true
this.addForm('people_form')
this.people_form.PeopleID = row.人员编号
this.people_form.Sex = parseInt(row.性别编号)
this.people_form.Education = parseInt(row.学历编号)
this.people_form.Address = row.家庭住址
this.people_form.Nation = row.民族
this.people_form.Post = parseInt(row.岗位编号)
this.people_form.AccountNumber = row.考勤编号
this.people_form.Password = row.密码
this.people_form.Name = row.姓名
this.people_form.IDcard = row.身份证号
this.people_form.TimeOfEntry = row.入公司时间
this.people_form.Birthday = row.出生日期
this.people_form.ContactInformation = row.联系电话
},
submitEditPeople() {
this.people_DFV = false
editPeople(this.people_form.PeopleID, this.people_form.Sex, this.people_form.Education, this.people_form.Address, this.people_form.Nation, this.people_form.Post, this.people_form.AccountNumber, this.people_form.Password, this.people_form.Name, this.people_form.IDcard, this.people_form.TimeOfEntry, this.people_form.Birthday, this.people_form.ContactInformation).then(response => {
if (response.data[0].result === '1') {
if (this.id !== '' && this.Name === '') {
this.handleNodeClick()
} else {
this.feathPeopleForName()
}
this.$message.success('编辑成功')
} else {
this.$message.error('编辑失败')
}
})
},
deletePeopleTable(row) {
this.deleteRow(delPeopleList, row.人员编号, function() { this.id ? this.handleNodeClick() : this.feathPeopleForName() })
},
postMaintain() {
},
handleSizeChange(val) {
this.PageSize = val
this.PageCurrent = 1
getTablePeople(this.id, this.PageCurrent, this.PageSize).then(response => {
this.List = response.data.rows
this.total = response.data.total
})
},
handleCurrentChange(val) {
this.PageCurrent = val
getTablePeople(this.id, this.PageCurrent, this.PageSize).then(response => {
this.List = response.data.rows
this.total = response.data.total
})
},
handleSelectionChange(val) {
this.multipleSelection = val
}
}
}
</script>
<style scoped>
</style>

View File

@@ -0,0 +1,259 @@
<template>
<div class="app-container">
<el-card>
<div style="margin: 0 auto;width: 850px">
<span>角色名称:</span>
<el-select v-model="roleName" placeholder="请选择" size="small" style="width:200px;margin-left:10px" filterable clearable @change="getmodule">
<el-option
v-for="item in roleNames"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<el-button type="primary" size="small" style="float: right" @click="openModelWin">添加模块(开发使用)</el-button>
</div>
</el-card>
<el-card>
<div style="margin: 0 auto;width: 850px">
<el-transfer
:filter-method="filterMoudles"
v-model="value1"
:titles="['权限列表','角色对应权限列表']"
:props="{key: 'value'}"
:data="modelNames"
filterable
@change="roleChange"/>
</div>
</el-card>
<el-dialog :title="title" :visible.sync="dialogFormVisible" center style="min-height: 300px" width="400px">
<el-form ref="form" :model="form" :rules="rules" label-position="left" label-width="110px" class="demo-ruleForm">
<el-row>
<el-form-item label="选择模块名称" prop="选择模块名称">
<el-select v-model="modelName" size="mini" clearable placeholder="请选择模块名称" filterable @change="getModelData">
<el-option
v-for="item in modelNames"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<div style="font-size: 12px;color: red;margin: -15px 0">选择模块名称是修改没选择是增加</div>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="组件" prop="组件">
<el-input
v-model="form.组件"
size="small"
style="width:200px"/>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="标题" prop="标题">
<el-input
v-model="form.标题"
size="small"
style="width:200px"/>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="图标" prop="图标">
<el-input
v-model="form.图标"
size="small"
style="width:200px"/>
</el-form-item>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel('form')">取消</el-button>
<el-button type="primary" @click="submit('form')">确定</el-button>
<el-button v-if="show" type="danger" @click="deleteModule()">删除模块</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getRole, getModule, addModule, deleteModule, getModelData, addModelData, editModelData } from '@/api/BasicData/UserRightsManagement'
import { arrayUnique2 } from '@/utils/tool'
export default {
data() {
return {
modelNames: [],
value4: [],
value1: [],
addnum: 0,
deletenum: 0,
roleName: null,
roleNames: [],
data1: [],
dialogFormVisible: false,
title: '',
form: {
组件: '',
标题: '',
图标: ''
},
rules: {
组件: [{ required: true, message: '请输入', trigger: 'blur' }],
标题: [{ required: true, message: '请输入', trigger: 'blur' }],
图标: [{ required: true, message: '请输入', trigger: 'blur' }]
},
modelName: '',
show: false
}
},
created() {
this.getRoleName()
this.getAllModules()
},
methods: {
getRoleName() {
getRole().then(response => {
for (let i = 0; i < response.data.length; i++) {
this.roleNames.push({
value: response.data[i].角色编号,
label: response.data[i].角色功能
})
}
})
},
getAllModules() {
this.modelName = ''
this.modelNames = []
getModule().then(response => {
const data = response.data
for (let i = 0; i < data.length; i++) {
this.modelNames.push({
value: response.data[i].主模块编号,
label: response.data[i].标题,
disabled: true
})
if (i === data.length - 1) {
this.modelNames = arrayUnique2(this.modelNames, 'value')
}
}
})
},
filterMoudles(query, item) {
return item.label.indexOf(query) > -1
},
getmodule() {
this.value1 = []
if (this.roleName) {
for (let i = 0; i < this.modelNames.length; i++) {
this.modelNames[i].disabled = false
}
getModule(1, this.roleName).then(response => {
for (let i = 0; i < response.data.length; i++) {
this.value1.push(parseInt(response.data[i].主模块编号))
}
})
} else {
for (let i = 0; i < this.modelNames.length; i++) {
this.modelNames[i].disabled = true
}
this.value1 = []
}
},
roleChange(value, direction, movedKeys) {
for (let i = 0; i < movedKeys.length; i++) {
if (direction === 'right') {
this.addnum = 0
addModule(movedKeys[i], this.roleName).then(response => {
this.addnum = this.addnum + parseInt(response.data[0].result)
if (this.addnum === movedKeys.length) {
this.$notify({
title: '成功',
message: '分配成功',
type: 'success'
})
}
})
} else {
this.deletenum = 0
deleteModule(movedKeys[i], this.roleName).then(response => {
this.deletenum = this.deletenum + parseInt(response.data[0].result)
console.log(this.deletenum, movedKeys.length)
if (this.deletenum === movedKeys.length) {
this.$notify({
title: '成功',
message: '分配成功',
type: 'success'
})
}
})
}
}
},
// 开发者
getModelData() {
if (typeof this.modelName === 'number') {
getModelData(this.modelName).then(response => {
const data = response.data[0]
this.form.组件 = data.子组件
this.form.标题 = data.标题
this.form.图标 = data.图标
})
}
},
openModelWin() {
this.dialogFormVisible = true
this.addForm('form')
},
cancel() { // 取消
this.modelName = ''
this.dialogFormVisible = false
},
submit(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.dialogFormVisible = false
if (typeof this.modelName === 'string') {
addModelData(this.form.组件, this.form.标题, this.form.图标).then(response => {
if (response.data[0].result === '1') {
this.$message.success('添加成功')
this.getAllModules()
} else {
this.$message.error('添加失败')
}
})
} else {
editModelData(this.modelName, this.form.组件, this.form.标题, this.form.图标).then(response => {
if (response.data[0].result === '1') {
this.$message.success('修改成功')
this.getAllModules()
} else {
this.$message.error('修改失败')
}
})
}
} else {
console.log('error submit!!')
return false
}
})
},
deleteModule() {
console.log(1)
}
}
}
</script>
<style>
.el-transfer-panel {
width:300px;
}
.el-transfer-panel__body {
height: 500px;
width: 300px;
}
.el-transfer-panel__list {
height: 500px;
width: 300px;
}
.el-transfer-panel__list.is-filterable{
height: 100%;
}
</style>