DESKTOP-CUI7KST\HXGK
2 years ago
42 changed files with 1701 additions and 1260 deletions
@ -0,0 +1,287 @@ |
|||
<!-- |
|||
* @作者: 袁纪菲 |
|||
* @生成时间: 2024-05-28 |
|||
* @备注: 新建岗位方案 |
|||
--> |
|||
<script lang="ts" setup> |
|||
import { reactive } from "vue"; |
|||
import { addPostCont , organdpost } from "@/api/opk/api"; |
|||
import { ge_add } from "@/api/opk/news/api"; |
|||
import { create_scheme } from "@/api/opk/zxy/news/api"; |
|||
const getSummaries = (param: any) => { |
|||
const { columns, data } = param; |
|||
columns.forEach((column:any, index:any) => { |
|||
if (index === 0) { |
|||
formData.sums[index] = "合计"; |
|||
return; |
|||
} |
|||
const values = data.map((item:any) => Number(item[column.property])); |
|||
if (!values.every((value:any) => Number.isNaN(value))) { |
|||
formData.sums[2] = ` ${values.reduce((prev:any, curr:any) => { |
|||
const value = Number(curr); |
|||
if (!Number.isNaN(value)) { |
|||
return prev + curr; |
|||
} else { |
|||
return prev; |
|||
} |
|||
}, 0)}`; |
|||
} |
|||
}); |
|||
return formData.sums; |
|||
}; |
|||
interface FormInfo { |
|||
id: string; |
|||
age: string; |
|||
name: string; |
|||
sex: string; |
|||
ccc: string; |
|||
ade: string; |
|||
sort: number; |
|||
title: string; |
|||
type: number; |
|||
} |
|||
const isshow = ref(false); |
|||
const props = defineProps({ |
|||
title: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
addPostBox: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
addrowInfo: { |
|||
type: Object as () => FormInfo, |
|||
default() { |
|||
return {}; |
|||
}, |
|||
}, |
|||
arrayNum: { |
|||
type: Number, |
|||
default: 0, |
|||
}, |
|||
}); |
|||
const orgTreeProps = { |
|||
label: "name", |
|||
children: "child", |
|||
}; |
|||
const orgTreeProp = { |
|||
label: "title", |
|||
children: "children", |
|||
}; |
|||
const emit = defineEmits(["update:addPostBox", "editRow", "addRow"]); |
|||
const formData = reactive({ |
|||
deaprtname: "", |
|||
value1: "", |
|||
asd: [] as string[], |
|||
lzq: "", |
|||
zhiFraction: "", |
|||
sums: [] as string[], |
|||
}); |
|||
//获取岗位树 |
|||
const tableData = ref<any>([]); |
|||
function jjjs() { |
|||
organdpost({ id: "309", levelL: 0 }) |
|||
.then((data) => { |
|||
tableData.value = data.data.list; |
|||
}) |
|||
.catch((error) => { |
|||
console.error("Error fetching data:", error); |
|||
}); |
|||
} |
|||
jjjs(); |
|||
const handle = (data: any) => { |
|||
formData.deaprtname = data.id; |
|||
ge_adds(); |
|||
}; |
|||
//行政组织 |
|||
const tablea = ref<any>([]); |
|||
function ge_adds() { |
|||
const add = formData.deaprtname.toString(); |
|||
ge_add({ id: add }) |
|||
.then((data) => { |
|||
tablea.value = data.data; |
|||
}) |
|||
.catch((error) => { |
|||
console.error("Error fetching data:", error); |
|||
}) |
|||
.finally(() => { |
|||
isshow.value = false; |
|||
}); |
|||
} |
|||
ge_adds(); |
|||
// 关闭弹窗 |
|||
const handleClose = () => { |
|||
emit("update:addPostBox", false); |
|||
}; |
|||
const handleDel = (val: any) => { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}); |
|||
handleSure(val); |
|||
console.log(val.id); |
|||
}; |
|||
const handleSure = (val: any) => { |
|||
const index = tableData.value.findIndex((item: any) => item.id === val.id); |
|||
if (index != -1) { |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
}; |
|||
const submitForm = () => { |
|||
const add = formData.deaprtname.toString(); |
|||
const ess = new Date(formData.value1).getFullYear(); |
|||
const see = ess.toString(); |
|||
// tablea.zhiFraction = formData.sums[2] |
|||
if (props.addrowInfo.name) { |
|||
// 修改 |
|||
const id = props.addrowInfo; // 假设你有一个唯一的ID来识别要修改的项 |
|||
emit("editRow", formData); |
|||
} else { |
|||
// 新增 |
|||
create_scheme({ orgid: add, year: see, child: tablea._value }).then( |
|||
(response: any) => { |
|||
if (response.code === 200) { |
|||
ElMessage.success("新增成功"); |
|||
emit("addRow", formData); |
|||
} else { |
|||
ElMessage.error("新增成功"); |
|||
handleClose(); |
|||
} |
|||
} |
|||
); |
|||
} |
|||
}; |
|||
</script> |
|||
<template> |
|||
<el-dialog |
|||
:model-value="true" |
|||
title="新增岗位方案" |
|||
style="width: 75%" |
|||
@close="handleClose" |
|||
> |
|||
<el-form |
|||
ref="ruleFormRef" |
|||
:model="formData" |
|||
label-width="80px" |
|||
class="demo-ruleForm" |
|||
style="width: 100%" |
|||
> |
|||
<el-form-item label="岗位"> |
|||
<el-tree-select |
|||
ref="orgTreeRef" |
|||
v-model="formData.deaprtname" |
|||
show-checkbox |
|||
clearable |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:render-after-expand="false" |
|||
@check="ge_adds" |
|||
/> |
|||
<el-form-item label="年度"> |
|||
<el-date-picker v-model="formData.value1" type="year" /> |
|||
</el-form-item> |
|||
</el-form-item> |
|||
<el-form-item v-loading="isshow" :data="tablea"> |
|||
<el-row> |
|||
<el-col |
|||
v-for="(item, index) in tablea" |
|||
:key="index" |
|||
label="item.name" |
|||
style="width: 200px" |
|||
> |
|||
<el-card> |
|||
<template #header> |
|||
<div> |
|||
<el-text>考核维度：{{ item.name }}</el-text> |
|||
<span class="tyu">指标合计分：</span> |
|||
{{ formData.sums[2] }} |
|||
<!-- <el-text>{{item.zhiFraction}}</el-text> --> |
|||
</div> |
|||
<el-table |
|||
border |
|||
:summary-method="getSummaries" |
|||
show-summary |
|||
:data="item.child" |
|||
> |
|||
<el-table-column label="指标名称" prop="name" /> |
|||
<el-table-column label="说明" prop="content"> |
|||
<template #default="scope"> |
|||
<el-input v-model="scope.row.content" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="指标权重" prop="referencescore"> |
|||
<template #default="scope"> |
|||
<el-input |
|||
v-model="scope.row.referencescore" |
|||
@blur=" |
|||
scope.row.referencescore = Number( |
|||
scope.row.referencescore |
|||
) |
|||
" |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" prop="status"> |
|||
<template #default="scope"> |
|||
<el-select v-model="scope.row.status"> |
|||
<el-option label="使用" :value="1" /> |
|||
<el-option label="禁用" :value="2" /> |
|||
<el-option label="观察" :value="3" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</template> |
|||
</el-card> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" @click="submitForm()">确定</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
.avatar-uploader .avatar { |
|||
display: block; |
|||
width: 178px; |
|||
height: 178px; |
|||
} |
|||
</style> |
|||
|
|||
<style lang="scss"> |
|||
.avatar-uploader .el-upload { |
|||
position: relative; |
|||
overflow: hidden; |
|||
cursor: pointer; |
|||
border: 1px dashed var(--el-border-color); |
|||
border-radius: 6px; |
|||
transition: var(--el-transition-duration-fast); |
|||
} |
|||
|
|||
.avatar-uploader .el-upload:hover { |
|||
border-color: var(--el-color-primary); |
|||
} |
|||
|
|||
.el-icon.avatar-uploader-icon { |
|||
width: 178px; |
|||
height: 178px; |
|||
font-size: 28px; |
|||
color: #8c939d; |
|||
text-align: center; |
|||
} |
|||
|
|||
.el-dialog { |
|||
width: 1200px; |
|||
} |
|||
|
|||
.tyu { |
|||
margin: 0 0 0 100px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue