yz
2021-01-29 177a4578502428ba21245db5575acd08bd9e7366
src/views/febs/system/dept/Index.vue
@@ -60,6 +60,29 @@
                  <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>
@@ -72,7 +95,7 @@
            </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" />
@@ -85,6 +108,24 @@
      </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>
@@ -98,12 +139,43 @@
  },
  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,
@@ -235,6 +307,9 @@
      this.$refs.form.clearValidate()
      this.$refs.form.resetFields()
      this.dept = this.initDept()
    },
    showXzgw() {
      this.dialogShowXzgw = true
    }
  }
}