admin-cms-1/src/layout/personnel/guidanceForm.vue

<template>
  <div id="guidanceForm">
    <el-row>
      <el-col :span="24" class="guidanceForm">
        <el-form ref="form" :model="form" label-width="100px">
          <el-form-item label="就业指导名称">
            <el-input v-model="form.title" placeholder="请输入就业指导名称"></el-input>
          </el-form-item>
          <el-form-item label="就业指导类型" prop="type">
            <el-select v-model="form.type" placeholder="请选择就业指导类型">
              <el-option label="就业指导" value="man"></el-option>
              <el-option label="工作顾问" value="woman"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="内容">
            <wang-editor v-model="form.content" upload-img-server=""></wang-editor>
          </el-form-item>
          <el-form-item>
            <el-button @click="handleCancel">返回</el-button>
            <el-button type="primary" @click="handleEdit()">提交</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import WangEditor from '@/components/wang-editor.vue';
export default {
  name: 'guidanceForm',
  props: {
    form: null,
  },
  components: {
    WangEditor,
  },
  data: () => ({}),
  created() {},
  computed: {},
  methods: {
    handleEdit() {
      this.handleCancel();
    },
    handleCancel() {
      this.$router.push({ path: './index' });
    },
  },
};
</script>

<style lang="less" scoped>
.el-form {
  padding: 0 200px;
}
.guidanceForm {
  padding: 20px 0;
}
</style>