|
|
@@ -0,0 +1,284 @@
|
|
|
+<template>
|
|
|
+ <div class='m-container'>
|
|
|
+ <h2>
|
|
|
+ <div class="squrt"></div>收费分润管理
|
|
|
+ </h2>
|
|
|
+ <div class="m-core">
|
|
|
+
|
|
|
+ <el-form :inline="true"
|
|
|
+ class="searchForm"
|
|
|
+ @submit.native.prevent
|
|
|
+ v-model="searchForm">
|
|
|
+ <el-form-item>
|
|
|
+ <el-select v-model="form.organIdLists">
|
|
|
+ <el-option v-for="item in branchList"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button @click="search"
|
|
|
+ type="danger">搜索</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <!-- 列表 -->
|
|
|
+ <div class="tableWrap">
|
|
|
+ <el-table :data='tableList'
|
|
|
+ :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
+ <el-table-column align='center'
|
|
|
+ prop="realName"
|
|
|
+ label="分部">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align='center'
|
|
|
+ prop="phone"
|
|
|
+ label="方式">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align='center'
|
|
|
+ label="详情">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.roleNames | joinArray(',') }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align='center'
|
|
|
+ width="250px"
|
|
|
+ label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button @click="roleOperation('update', scope.row)"
|
|
|
+ type="text">修改</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <pagination :total="pageInfo.total"
|
|
|
+ :page.sync="pageInfo.page"
|
|
|
+ :limit.sync="pageInfo.limit"
|
|
|
+ :page-sizes="pageInfo.page_size"
|
|
|
+ @pagination="getList" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-dialog title="修改收费分润"
|
|
|
+ :visible.sync="chargeStatus"
|
|
|
+ @close="onFormClose('ruleForm')"
|
|
|
+ width="500px">
|
|
|
+ <el-form :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ ref="ruleForm">
|
|
|
+ <el-form-item label="收费方式"
|
|
|
+ prop="name"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-radio v-model="form.radio" label="1">比例分润</el-radio>
|
|
|
+ <el-radio v-model="form.radio" label="2">收费种类</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <div v-if="form.radio == 1">
|
|
|
+ <el-form-item label="公" :label-width="formLabelWidth">
|
|
|
+ <el-input></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="私" :label-width="formLabelWidth">
|
|
|
+ <el-input></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div v-if="form.radio == 2">
|
|
|
+ <el-form-item label="课程" :label-width="formLabelWidth">
|
|
|
+ <el-select placeholder="请选择方式" v-model="form.course">
|
|
|
+ <el-option label="公" value="COM"></el-option>
|
|
|
+ <el-option label="私" value="PER"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="乐器" :label-width="formLabelWidth">
|
|
|
+ <el-select placeholder="请选择方式" v-model="form.instrment">
|
|
|
+ <el-option label="公" value="COM"></el-option>
|
|
|
+ <el-option label="私" value="PER"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="辅件" :label-width="formLabelWidth">
|
|
|
+ <el-select placeholder="请选择方式" v-model="form.accessories">
|
|
|
+ <el-option label="公" value="COM"></el-option>
|
|
|
+ <el-option label="私" value="PER"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="其它" :label-width="formLabelWidth">
|
|
|
+ <el-select placeholder="请选择方式" v-model="form.other">
|
|
|
+ <el-option label="公" value="COM"></el-option>
|
|
|
+ <el-option label="私" value="PER"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
+ <el-button @click="chargeStatus = false">取 消</el-button>
|
|
|
+ <el-button @click="onRoleSubmit('ruleForm')"
|
|
|
+ type="primary">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import pagination from '@/components/Pagination/index'
|
|
|
+import { queryEmployByOrganId, employeeOperate, getUserRole, employeeAdd, employeeUpdate } from '@/api/systemManage'
|
|
|
+import { branchQueryPage } from '@/api/specialSetting'
|
|
|
+import store from '@/store'
|
|
|
+
|
|
|
+export default {
|
|
|
+ components: { pagination },
|
|
|
+ name: 'adminManager',
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ tableList: [],
|
|
|
+ pageInfo: {
|
|
|
+ // 分页规则
|
|
|
+ limit: 10, // 限制显示条数
|
|
|
+ page: 1, // 当前页
|
|
|
+ total: 0, // 总条数
|
|
|
+ page_size: [10, 20, 40, 50] // 选择限制显示条数
|
|
|
+ },
|
|
|
+ chargeStatus: true,
|
|
|
+ roleList: [], // 角色列表
|
|
|
+ branchList: [], // 分部列表
|
|
|
+ formLabelWidth: '100px',
|
|
|
+ form: {
|
|
|
+ radio: '1',
|
|
|
+ course: 'COM',
|
|
|
+ instrment: 'COM',
|
|
|
+ accessories: 'COM',
|
|
|
+ other: 'COM'
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ realName: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
|
|
|
+ gender: [{ required: true, message: '请选择性别', trigger: 'change' }],
|
|
|
+ phone: [{ type: 'number', required: true, trigger: 'blur' }],
|
|
|
+ roleIds: [{ type: 'array', required: true, message: '请选择分类', trigger: 'change' }],
|
|
|
+ organIdLists: [{ type: 'array', required: true, message: '请选择所属部门', trigger: 'change' }],
|
|
|
+ jobNature: [{ required: true, message: '请选择工作类型', trigger: 'change' }],
|
|
|
+ entryDate: [{ required: true, message: '请选择入职时间', trigger: 'blur' }],
|
|
|
+ },
|
|
|
+ searchForm: {
|
|
|
+ search: null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ this.getList()
|
|
|
+ this.getRoleList()
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onBranchCheckAll () {
|
|
|
+ this.form.organIdLists = []
|
|
|
+ this.branchList.forEach(item => {
|
|
|
+ this.form.organIdLists.push(item.value)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onRoleSubmit (formName) {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.form.organIdList = this.form.organIdLists.join(',')
|
|
|
+ if (this.formActionTitle == 'create') {
|
|
|
+ if (this.form.id) { // 判断有没有Id，如果有则删除
|
|
|
+ delete this.form.id
|
|
|
+ }
|
|
|
+ employeeAdd(this.form).then(res => {
|
|
|
+ this.messageTips('添加', res)
|
|
|
+ })
|
|
|
+ } else if (this.formActionTitle == 'update') {
|
|
|
+ employeeUpdate(this.form).then(res => {
|
|
|
+ this.messageTips('修改', res)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ messageTips (title, res) {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success(title + '成功')
|
|
|
+ this.chargeStatus = false
|
|
|
+ this.getList()
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ search () {
|
|
|
+ this.pageInfo.page = 1
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ getList () {
|
|
|
+ let params = this.searchForm
|
|
|
+ params.rows = this.pageInfo.limit
|
|
|
+ params.page = this.pageInfo.page
|
|
|
+ queryEmployByOrganId(params).then(res => {
|
|
|
+ if (res.code == 200 && res.data) {
|
|
|
+ this.tableList = res.data.rows
|
|
|
+ this.pageInfo.total = res.data.total
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getRoleList () { // 获取角色
|
|
|
+ branchQueryPage({ // 获取分部
|
|
|
+ delFlag: 0,
|
|
|
+ rows: 9999
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 200 && res.data && res.data.rows) {
|
|
|
+ res.data.rows.forEach(item => {
|
|
|
+ this.branchList.push({
|
|
|
+ label: item.name,
|
|
|
+ value: item.id
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ roleOperation (type, data) {
|
|
|
+ this.formActionTitle = type
|
|
|
+ this.chargeStatus = true
|
|
|
+ // 修改的时候
|
|
|
+ // if (type == 'update') {
|
|
|
+ // this.form = {
|
|
|
+ // id: data.id,
|
|
|
+ // realName: data.realName,
|
|
|
+ // gender: data.gender,
|
|
|
+ // phone: Number(data.phone),
|
|
|
+ // roleIds: data.roleIds,
|
|
|
+ // organIdLists: data.organIdList ? data.organIdList : [],
|
|
|
+ // jobNature: data.jobNature,
|
|
|
+ // entryDate: data.entryDate
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ onFormClose (formName) { // 关闭弹窗重置验证
|
|
|
+ this.form = {
|
|
|
+ }
|
|
|
+ this.$refs[formName].resetFields()
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss">
|
|
|
+.el-button--primary {
|
|
|
+ background: #14928a;
|
|
|
+ border-color: #14928a;
|
|
|
+ color: #fff;
|
|
|
+ &:hover,
|
|
|
+ &:active,
|
|
|
+ &:focus {
|
|
|
+ background: #14928a;
|
|
|
+ border-color: #14928a;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+}
|
|
|
+.el-dialog__body {
|
|
|
+ padding: 0 20px;
|
|
|
+}
|
|
|
+.el-select,
|
|
|
+.el-date-editor.el-input {
|
|
|
+ width: 100% !important;
|
|
|
+}
|
|
|
+</style>
|
