<template>
<div>
<h1 style="text-align: center">新建党组织</h1>
<el-col>
<el-form
label-position="top"
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="100px"
class="demo-ruleForm"
>
<el-form-item label="上级党组织名称" prop="organizationSuperior">
<el-input v-model="ruleForm.organizationSuperior"></el-input>
</el-form-item>
<el-form-item label="党组织名称" prop="organizationName">
<el-input v-model="ruleForm.organizationName"></el-input>
</el-form-item>
<!-- <el-form-item label="所在院系" prop="departmentCode">
<el-input v-model="ruleForm.departmentCode"></el-input>
</el-form-item> -->
<el-form-item label="请选择所在院系" prop="departmentCode">
<el-select v-model="ruleForm.departmentCode" placeholder="所在院系" >
<el-option v-for="d in showDepartment" :value="d.departmentName">{{d.departmentName}}</el-option>
</el-select>
</el-form-item>
<el-form-item style="text-align: center">
<el-button type="primary" @click="submitForm('ruleForm')"
>立即创建</el-button
>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item>
</el-form>
</el-col>
</div>
</template>
<script>
import axios from 'axios'
export default {
name: "index",
data() {
return {
ruleForm: {
organizationName: "",
organizationSuperior: "",
departmentCode: "",
},
showDepartment:{},
rules: {
organizationName: [
{ required: true, message: "请输入党组织名称", trigger: "blur" },
],
organizationSuperior: [
{ required: true, message: "请输入上级党组织名称", trigger: "blur" },
],
departmentCode: [
{ required: true, message: "请输入所在院系", trigger: "blur" },
],
},
};
},
mounted() {
// 展示院系
this.faculty();
},
methods: {
// 展示院系
faculty(){
var token = localStorage.getItem('token')
axios.get('http://hrdj.vipgz6.91tunnel.com/system/departmentList',
{ headers: { "content-type": "application/json" },token },
).then((res) => {
console.log(res.data.data);
this.showDepartment = res.data.data;
}).catch(err=>{
console.log("展示失败",err);
})
},
// 提交
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
var data = JSON.stringify(this.ruleForm);
console.log("this.ruleForm)等于",data)
var token = localStorage.getItem('token')
axios.post('http://hrdj.vipgz6.91tunnel.com/organizationManagement/addOrganization',data,
{ headers: { "content-type": "application/json" },token },
).then((res) => {
console.log(res.data);
// console.log("这个搜索",this.tableData);
}).catch(err=>{
console.log("提交失败",err);
})
} else {
console.log("错误!!!");
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
},
};
</script>
<style scoped>
div {
background-color: #fff;
}
/* /deep/.el-input__inner {
width: 50%;
} */
</style>