|
|
|
@ -3,185 +3,209 @@ |
|
|
|
@ 时间: 2023-06-06 11:06:04 |
|
|
|
@ 备注: 编辑行政组织内容 |
|
|
|
--> |
|
|
|
<script lang='ts' setup> |
|
|
|
import { addOrgInfo,orgInfo } from '@/api/hr/org/type' |
|
|
|
import { editOrgInfoApi,getOrgTreeList } from '@/api/hr/org/index' |
|
|
|
<script lang="ts" setup> |
|
|
|
import { addOrgInfo, orgInfo } from "@/api/hr/org/type"; |
|
|
|
import { editOrgInfoApi, getOrgTreeList } from "@/api/hr/org/index"; |
|
|
|
const props = defineProps({ |
|
|
|
editOrgIsShow:{ |
|
|
|
type:Boolean, |
|
|
|
default:false |
|
|
|
}, |
|
|
|
editorginfocont:{ |
|
|
|
type:Object, |
|
|
|
default(){ |
|
|
|
return {organizationtype:0} |
|
|
|
} |
|
|
|
}, |
|
|
|
orgclasslistary:{ |
|
|
|
type:Object, |
|
|
|
default(){ |
|
|
|
return {id:0} |
|
|
|
} |
|
|
|
} |
|
|
|
editOrgIsShow: { |
|
|
|
type: Boolean, |
|
|
|
default: false, |
|
|
|
}, |
|
|
|
editorginfocont: { |
|
|
|
type: Object, |
|
|
|
default() { |
|
|
|
return { organizationtype: 0 }; |
|
|
|
}, |
|
|
|
}, |
|
|
|
orgclasslistary: { |
|
|
|
type: Object, |
|
|
|
default() { |
|
|
|
return { id: 0 }; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}); |
|
|
|
const editOrgFormRef = ref(ElForm); //编辑表单 |
|
|
|
const emits = defineEmits(["update:editOrgIsShow","refreshorgtree"]); |
|
|
|
const titlename = ref(""); //标题名称 |
|
|
|
const editOrgLoading = ref(false) //编辑按钮 |
|
|
|
const editOrgCont = reactive<addOrgInfo>({}) // |
|
|
|
const editOrgFormRef = ref(ElForm); //编辑表单 |
|
|
|
const emits = defineEmits(["update:editOrgIsShow", "refreshorgtree"]); |
|
|
|
const titlename = ref(""); //标题名称 |
|
|
|
const editOrgLoading = ref(false); //编辑按钮 |
|
|
|
const editOrgCont = reactive<addOrgInfo>({}); // |
|
|
|
const orgOptionsList = ref<orgInfo[]>(); |
|
|
|
const optLoading = ref(false); |
|
|
|
const systemMenuTreeProps = { |
|
|
|
children: "child", |
|
|
|
label: "name", |
|
|
|
value:"id" |
|
|
|
} |
|
|
|
children: "child", |
|
|
|
label: "name", |
|
|
|
value: "id", |
|
|
|
}; |
|
|
|
/** |
|
|
|
* 弹窗显示控制 |
|
|
|
*/ |
|
|
|
const edit_org_is_Show = computed({ |
|
|
|
get: () => props.editOrgIsShow, |
|
|
|
set: (val) => { |
|
|
|
emits("update:editOrgIsShow", val); |
|
|
|
}, |
|
|
|
const edit_org_is_Show = computed({ |
|
|
|
get: () => props.editOrgIsShow, |
|
|
|
set: (val) => { |
|
|
|
emits("update:editOrgIsShow", val); |
|
|
|
}, |
|
|
|
}); |
|
|
|
/** |
|
|
|
* 关闭添加弹窗 |
|
|
|
*/ |
|
|
|
function handleCloseEditOrg(){ |
|
|
|
emits("update:editOrgIsShow", false); |
|
|
|
initOriginalData(); |
|
|
|
function handleCloseEditOrg() { |
|
|
|
emits("update:editOrgIsShow", false); |
|
|
|
initOriginalData(); |
|
|
|
} |
|
|
|
/** |
|
|
|
* 初始化数据 |
|
|
|
*/ |
|
|
|
function initOriginalData(){ |
|
|
|
editOrgFormRef.value.resetFields(); |
|
|
|
titlename.value="" |
|
|
|
orgOptionsList.value?.splice(orgOptionsList.value.length); |
|
|
|
editOrgLoading.value = false; |
|
|
|
function initOriginalData() { |
|
|
|
editOrgFormRef.value.resetFields(); |
|
|
|
titlename.value = ""; |
|
|
|
orgOptionsList.value?.splice(orgOptionsList.value.length); |
|
|
|
editOrgLoading.value = false; |
|
|
|
} |
|
|
|
/** |
|
|
|
* 表单验证规则 |
|
|
|
*/ |
|
|
|
const addOrgRules = reactive({ |
|
|
|
superior: [{ required: true, message: "请选择上机行政组织", trigger: "blur" }], |
|
|
|
name: [{ required: true, message: "请输入行政组织名称", trigger: "blur" }], |
|
|
|
number: [{ required: true, message: "请输入行政组织编号", trigger: "blur" }], |
|
|
|
govclass: [{ required: true, message: "请选择行政组织分类", trigger: "blur" }], |
|
|
|
|
|
|
|
const addOrgRules = reactive({ |
|
|
|
superior: [{ required: true, message: "请选择上机行政组织", trigger: "blur" }], |
|
|
|
name: [{ required: true, message: "请输入行政组织名称", trigger: "blur" }], |
|
|
|
number: [{ required: true, message: "请输入行政组织编号", trigger: "blur" }], |
|
|
|
govclass: [{ required: true, message: "请选择行政组织分类", trigger: "blur" }], |
|
|
|
}); |
|
|
|
/** |
|
|
|
* 获取行政组织数据 |
|
|
|
*/ |
|
|
|
function haveOrgTreeInfo(){ |
|
|
|
optLoading.value = true; |
|
|
|
getOrgTreeList({}) |
|
|
|
.then(({ data })=>{ |
|
|
|
orgOptionsList.value = data |
|
|
|
orgOptionsList.value.push({ |
|
|
|
id:0, |
|
|
|
name:"顶级行政组织" |
|
|
|
}) |
|
|
|
}).finally(()=>{optLoading.value = false;}) |
|
|
|
function haveOrgTreeInfo() { |
|
|
|
optLoading.value = true; |
|
|
|
getOrgTreeList({}) |
|
|
|
.then(({ data }) => { |
|
|
|
orgOptionsList.value = data; |
|
|
|
orgOptionsList.value.push({ |
|
|
|
id: 0, |
|
|
|
name: "顶级行政组织", |
|
|
|
}); |
|
|
|
}) |
|
|
|
.finally(() => { |
|
|
|
optLoading.value = false; |
|
|
|
}); |
|
|
|
} |
|
|
|
/** |
|
|
|
* 监听数据 |
|
|
|
*/ |
|
|
|
watch(() => props.editOrgIsShow,() => { |
|
|
|
// console.log("监听数据---》",props.editorginfocont) |
|
|
|
if(props.editOrgIsShow){ |
|
|
|
editOrgCont.id = props.editorginfocont.id |
|
|
|
editOrgCont.name = props.editorginfocont.name //全称 |
|
|
|
editOrgCont.number = props.editorginfocont.number //编号 |
|
|
|
editOrgCont.superior = props.editorginfocont.superior //上级 |
|
|
|
editOrgCont.govclass = props.editorginfocont.organizationtype //分类 |
|
|
|
editOrgCont.abbreviation = props.editorginfocont.abbreviation //简称 |
|
|
|
editOrgCont.wechatid = props.editorginfocont.wechatorganizationid //企业微信对照吗 |
|
|
|
editOrgCont.kingdeeid = props.editorginfocont.kingdeeid //金蝶对照码 |
|
|
|
titlename.value = "编辑<" + props.editorginfocont.name + ">信息" |
|
|
|
haveOrgTreeInfo(); |
|
|
|
}else{ |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
watch( |
|
|
|
() => props.editOrgIsShow, |
|
|
|
() => { |
|
|
|
// console.log("监听数据---》",props.editorginfocont) |
|
|
|
if (props.editOrgIsShow) { |
|
|
|
editOrgCont.id = props.editorginfocont.id; |
|
|
|
editOrgCont.name = props.editorginfocont.name; //全称 |
|
|
|
editOrgCont.number = props.editorginfocont.number; //编号 |
|
|
|
editOrgCont.superior = props.editorginfocont.superior; //上级 |
|
|
|
editOrgCont.govclass = props.editorginfocont.organizationtype; //分类 |
|
|
|
editOrgCont.abbreviation = props.editorginfocont.abbreviation; //简称 |
|
|
|
editOrgCont.wechatid = props.editorginfocont.wechatorganizationid; //企业微信对照吗 |
|
|
|
editOrgCont.kingdeeid = props.editorginfocont.kingdeeid; //金蝶对照码 |
|
|
|
editOrgCont.sort = props.editorginfocont.sort; |
|
|
|
titlename.value = "编辑<" + props.editorginfocont.name + ">信息"; |
|
|
|
haveOrgTreeInfo(); |
|
|
|
} else { |
|
|
|
} |
|
|
|
} |
|
|
|
); |
|
|
|
/** |
|
|
|
* 提交数据 |
|
|
|
*/ |
|
|
|
function submitEditOrgForm(){ |
|
|
|
editOrgLoading.value = true; |
|
|
|
function submitEditOrgForm() { |
|
|
|
editOrgLoading.value = true; |
|
|
|
|
|
|
|
editOrgFormRef.value.validate((isValid: boolean) => { |
|
|
|
if (isValid) { |
|
|
|
editOrgCont.superior = editOrgCont.superior?.toString() |
|
|
|
editOrgCont.govclass = editOrgCont.govclass?.toString() |
|
|
|
editOrgCont.number = editOrgCont.number?.toString() |
|
|
|
editOrgCont.wechatid = editOrgCont.wechatid?.toString() |
|
|
|
// console.log("提交数据====>",editOrgCont) |
|
|
|
editOrgInfoApi(editOrgCont) |
|
|
|
.then((data) =>{ |
|
|
|
ElMessage.success("编辑成功"); |
|
|
|
handleCloseEditOrg(); |
|
|
|
emits('refreshorgtree'); |
|
|
|
}).finally(() =>{editOrgLoading.value = false;}) |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
editOrgFormRef.value.validate((isValid: boolean) => { |
|
|
|
if (isValid) { |
|
|
|
editOrgCont.superior = editOrgCont.superior?.toString(); |
|
|
|
editOrgCont.govclass = editOrgCont.govclass?.toString(); |
|
|
|
editOrgCont.number = editOrgCont.number?.toString(); |
|
|
|
editOrgCont.wechatid = editOrgCont.wechatid?.toString(); |
|
|
|
// console.log("提交数据====>",editOrgCont) |
|
|
|
editOrgInfoApi(editOrgCont) |
|
|
|
.then((data) => { |
|
|
|
ElMessage.success("编辑成功"); |
|
|
|
handleCloseEditOrg(); |
|
|
|
emits("refreshorgtree"); |
|
|
|
}) |
|
|
|
.finally(() => { |
|
|
|
editOrgLoading.value = false; |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<el-dialog v-model="edit_org_is_Show" custom-class="dialog_box" :title="titlename" :before-close="handleCloseEditOrg" width="400"> |
|
|
|
<el-form |
|
|
|
ref="editOrgFormRef" |
|
|
|
:model="editOrgCont" |
|
|
|
:rules="addOrgRules" |
|
|
|
label-width="120px" |
|
|
|
> |
|
|
|
<el-form-item label="上机行政组织" prop="superior"> |
|
|
|
<el-tree-select |
|
|
|
v-model="editOrgCont.superior" |
|
|
|
placeholder="选择上机行政组织" |
|
|
|
:data="orgOptionsList" |
|
|
|
filterable |
|
|
|
check-strictly |
|
|
|
:render-after-expand="false" |
|
|
|
:props="systemMenuTreeProps" |
|
|
|
style="width: 100%;" |
|
|
|
/> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="行政组织全称" prop="name"> |
|
|
|
<el-input v-model="editOrgCont.name" placeholder="请输入行政组织全称" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="行政组织简称" prop="abbreviation"> |
|
|
|
<el-input v-model="editOrgCont.abbreviation" placeholder="请输入行政组织简称" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="行政组织编码" prop="number"> |
|
|
|
<el-input v-model="editOrgCont.number" placeholder="请输入行政组织编码" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="行政组织类别" prop="govclass"> |
|
|
|
<el-select v-model="editOrgCont.govclass" placeholder="请选择行政组织类别" style="width: 100%;"> |
|
|
|
<el-option |
|
|
|
v-for="item in props.orgclasslistary" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
:disabled="!item.status" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="企业微信对照码" prop="wechatid"> |
|
|
|
<el-input v-model="editOrgCont.wechatid" placeholder="请输入企业微信对照码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<template #footer> |
|
|
|
<div class="dialog-footer"> |
|
|
|
<el-button type="primary" :loading="editOrgLoading" @click="submitEditOrgForm" >确 定</el-button> |
|
|
|
<el-button @click="handleCloseEditOrg">取 消</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog |
|
|
|
v-model="edit_org_is_Show" |
|
|
|
custom-class="dialog_box" |
|
|
|
:title="titlename" |
|
|
|
:before-close="handleCloseEditOrg" |
|
|
|
width="400" |
|
|
|
> |
|
|
|
<el-form |
|
|
|
ref="editOrgFormRef" |
|
|
|
:model="editOrgCont" |
|
|
|
:rules="addOrgRules" |
|
|
|
label-width="120px" |
|
|
|
> |
|
|
|
<el-form-item label="上机行政组织" prop="superior"> |
|
|
|
<el-tree-select |
|
|
|
v-model="editOrgCont.superior" |
|
|
|
placeholder="选择上机行政组织" |
|
|
|
:data="orgOptionsList" |
|
|
|
filterable |
|
|
|
check-strictly |
|
|
|
:render-after-expand="false" |
|
|
|
:props="systemMenuTreeProps" |
|
|
|
style="width: 100%" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="行政组织全称" prop="name"> |
|
|
|
<el-input v-model="editOrgCont.name" placeholder="请输入行政组织全称" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="行政组织简称" prop="abbreviation"> |
|
|
|
<el-input v-model="editOrgCont.abbreviation" placeholder="请输入行政组织简称" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="行政组织编码" prop="number"> |
|
|
|
<el-input v-model="editOrgCont.number" placeholder="请输入行政组织编码" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="行政组织类别" prop="govclass"> |
|
|
|
<el-select |
|
|
|
v-model="editOrgCont.govclass" |
|
|
|
placeholder="请选择行政组织类别" |
|
|
|
style="width: 100%" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in props.orgclasslistary" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
:disabled="!item.status" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="企业微信对照码" prop="wechatid"> |
|
|
|
<el-input v-model="editOrgCont.wechatid" placeholder="请输入企业微信对照码" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="排序" prop="wechatid"> |
|
|
|
<el-input-number |
|
|
|
v-model="editOrgCont.sort" |
|
|
|
:min="1" |
|
|
|
:max="1000" |
|
|
|
placeholder="请输入序号" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<template #footer> |
|
|
|
<div class="dialog-footer"> |
|
|
|
<el-button type="primary" :loading="editOrgLoading" @click="submitEditOrgForm" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
<el-button @click="handleCloseEditOrg">取 消</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
</template> |
|
|
|
<style lang='scss' scoped> |
|
|
|
|
|
|
|
</style> |
|
|
|
<style lang="scss" scoped></style> |
|
|
|
|
herenshan112
3 months ago