岗位管理功能分离

yijiusmile

2021-02-02 69dfe08ea0b5e5e4f1f612fa6220d72892ec9132

岗位管理功能分离

 src/views/febs/system/dept/Index.vue

@@ -36,8 +36,6 @@
        </div>

      </el-col>

      <el-col :xs="24" :sm="12">

        <el-tabs v-model="activeName">

          <el-tab-pane label="部门信息" name="first">

            <el-card class="box-card">

              <div slot="header" class="clearfix">

                <span>{{ dept.deptId === '' ? this.$t('common.add') : this.$t('common.edit') }}</span>

@@ -93,39 +91,9 @@
                </el-col>

              </el-row>

            </el-card>

          </el-tab-pane>

          <el-tab-pane label="岗位信息" name="second">

            <el-button type="danger" @click="showXzgw">添加岗位</el-button>

            <el-button type="primary">删除岗位</el-button>

            <el-table :data="jobData" style="width: 100%">

              <el-table-column prop="prop0" label="" width="180" />

              <el-table-column prop="prop1" label="序号" width="180" />

              <el-table-column prop="prop2" label="岗位名称" width="180" />

              <el-table-column prop="prop3" label="在岗人数" width="180" />

            </el-table>

          </el-tab-pane>

        </el-tabs>



      </el-col>

    </el-row>

    <el-dialog title="新增岗位" :visible.sync="dialogShowXzgw" width="50%">

      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">

        <el-row>

          <el-col span="24">

            <el-form-item label="岗位名称">

              <el-input v-model="name" />

            </el-form-item>

            <el-form-item label="岗位描述">

              <el-input v-model="name" type="textarea" :rows="4" />

            </el-form-item>

          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="dialogIsShow()">取 消</el-button>

        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>

      </div>

    </el-dialog>

  </div>

</template>

<script>

@@ -145,37 +113,6 @@
      buttonLoading: false,

      deptTree: [],

      dept: this.initDept(),

      jobData: [{

        'prop0': '',

        'prop1': '1',

        'prop2': '市场部总监',

        'prop3': '1'

      }, {

        'prop0': '',

        'prop1': '2',

        'prop2': '市场部经理',

        'prop3': '2'

      }, {

        'prop0': '',

        'prop1': '3',

        'prop2': '高级客户经理',

        'prop3': '5'

      }, {

        'prop0': '',

        'prop1': '4',

        'prop2': '客户经理',

        'prop3': '10'

      }, {

        'prop0': '',

        'prop1': '5',

        'prop2': '销售内勤',

        'prop3': '1'

      }, {

        'prop0': '',

        'prop1': '6',

        'prop2': '销售助理',

        'prop3': '1'

      }],

      rules: {

        deptName: [{

          required: true,

@@ -307,9 +244,6 @@
      this.$refs.form.clearValidate()

      this.$refs.form.resetFields()

      this.dept = this.initDept()

    },

    showXzgw() {

      this.dialogShowXzgw = true

    }

  }

}


 src/views/febs/system/job/Index.vue

New file
@@ -0,0 +1,81 @@
<template>

  <div>

    <el-button type="danger" @click="showXzgw">添加岗位</el-button>

    <el-button type="primary">删除岗位</el-button>

    <el-table :data="jobData" style="width: 100%">

      <el-table-column prop="prop0" label="" width="180" />

      <el-table-column prop="prop1" label="序号" width="180" />

      <el-table-column prop="prop2" label="岗位名称" width="180" />

      <el-table-column prop="prop3" label="在岗人数" width="180" />

    </el-table>



    <el-dialog title="新增岗位" :visible.sync="dialogShowXzgw" width="50%">

      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">

        <el-row>

          <el-col span="24">

            <el-form-item label="岗位名称">

              <el-input v-model="name" />

            </el-form-item>

            <el-form-item label="岗位描述">

              <el-input v-model="name" type="textarea" :rows="4" />

            </el-form-item>

          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="dialogIsShow()">取 消</el-button>

        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>

      </div>



    </el-dialog>

  </div>

</template>



<script>

export default {

  data() {

    return {
      dialogShowXzgw: false,

      jobData: [{

        'prop0': '',

        'prop1': '1',

        'prop2': '市场部总监',

        'prop3': '1'

      }, {

        'prop0': '',

        'prop1': '2',

        'prop2': '市场部经理',

        'prop3': '2'

      }, {

        'prop0': '',

        'prop1': '3',

        'prop2': '高级客户经理',

        'prop3': '5'

      }, {

        'prop0': '',

        'prop1': '4',

        'prop2': '客户经理',

        'prop3': '10'

      }, {

        'prop0': '',

        'prop1': '5',

        'prop2': '销售内勤',

        'prop3': '1'

      }, {

        'prop0': '',

        'prop1': '6',

        'prop2': '销售助理',

        'prop3': '1'

      }]

    }

  },

  methods: {

    showXzgw() {

      this.dialogShowXzgw = true

    }

  }

}

</script>



<style>

</style>