| | |
| | | <el-form-item :label="$t('table.dept.orderNum')" prop="orderNum">
|
| | | <el-input-number v-model="dept.orderNum" :min="0" :max="100" @change="handleNumChange" />
|
| | | </el-form-item>
|
| | | <el-form-item label="部门性质">
|
| | | <el-select v-model="bmxz" placeholder="请选择">
|
| | | <el-option label="分公司" value="1" />
|
| | | <el-option label="部门" value="2" />
|
| | | <el-option label="驻点" value="3" />
|
| | | </el-select>
|
| | | </el-form-item>
|
| | | <el-form-item label="部门负责人">
|
| | | <el-input />
|
| | | </el-form-item>
|
| | | <el-form-item label="联系电话">
|
| | | <el-input />
|
| | | </el-form-item>
|
| | | <el-form-item label="部门智能">
|
| | | <el-select v-model="bmzn" placeholder="请选择">
|
| | | <el-option label="保安" value="1" />
|
| | | <el-option label="后勤" value="2" />
|
| | | <el-option label="管理" value="3" />
|
| | | </el-select>
|
| | | </el-form-item>
|
| | | <el-form-item label="部门职责">
|
| | | <el-input type="textarea" :rows="4" />
|
| | | </el-form-item>
|
| | | </el-form>
|
| | | </div>
|
| | | </el-card>
|
| | |
| | | </el-card>
|
| | | </el-tab-pane>
|
| | | <el-tab-pane label="岗位信息" name="second">
|
| | | <el-button type="danger">添加岗位</el-button>
|
| | | <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-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>
|
| | |
| | | },
|
| | | data() {
|
| | | return {
|
| | | dialogShowXzgw: false,
|
| | | activeName: 'first',
|
| | | deptName: '',
|
| | | 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' }],
|
| | | 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,
|
| | |
| | | this.$refs.form.clearValidate()
|
| | | this.$refs.form.resetFields()
|
| | | this.dept = this.initDept()
|
| | | },
|
| | | showXzgw() {
|
| | | this.dialogShowXzgw = true
|
| | | }
|
| | | }
|
| | | }
|