luzhiqiang
2 years ago
909 changed files with 11354 additions and 147384 deletions
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
if (!dictTypeIds) { |
|||
ElMessage.warning("请勾选删除项"); |
|||
return; |
|||
} |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="large" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
if (!dictTypeIds) { |
|||
ElMessage.warning("请勾选删除项"); |
|||
return; |
|||
} |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
if (!dictTypeIds) { |
|||
ElMessage.warning("请勾选删除项"); |
|||
return; |
|||
} |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" lick >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
if (!dictTypeIds) { |
|||
ElMessage.warning("请勾选删除项"); |
|||
return; |
|||
} |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" lick >修改</el-button> |
|||
<el-button type="danger" lick @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
if (!dictTypeIds) { |
|||
ElMessage.warning("请勾选删除项"); |
|||
return; |
|||
} |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" link >修改</el-button> |
|||
<el-button type="danger" lick @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
if (!dictTypeIds) { |
|||
ElMessage.warning("请勾选删除项"); |
|||
return; |
|||
} |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" link >修改</el-button> |
|||
<el-button type="danger" link @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
if (!dictTypeIds) { |
|||
ElMessage.warning("请勾选删除项"); |
|||
return; |
|||
} |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" link @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
if (!dictTypeIds) { |
|||
ElMessage.warning("请勾选删除项"); |
|||
return; |
|||
} |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,177 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,178 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,178 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,178 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model:addShow="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,178 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,178 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const load = () => { |
|||
count.value += 2 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,182 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const |
|||
const load = () => { |
|||
count.value += 2 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,182 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 2 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,182 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,182 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop=" " label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,182 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,182 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post",) |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,182 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post",{}) |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,182 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,193 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
v-model:current-page="currentPage3" |
|||
v-model:page-size="pageSize3" |
|||
:small="small" |
|||
:disabled="disabled" |
|||
:background="background" |
|||
layout="prev, pager, next, jumper" |
|||
:total="1000" |
|||
@size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,183 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,189 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
v-model:page="searchArchiveQuery.page" |
|||
v-model:limit="searchArchiveQuery.pagesize" |
|||
@pagination="getArchivesPage" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,190 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
v-model:page="searchArchiveQuery.page" |
|||
v-model:limit="searchArchiveQuery.pagesize" |
|||
@pagination="getArchivesPage" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,190 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const t |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
v-model:page="searchArchiveQuery.page" |
|||
v-model:limit="searchArchiveQuery.pagesize" |
|||
@pagination="getArchivesPage" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,190 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
v-model:page="searchArchiveQuery.page" |
|||
v-model:limit="searchArchiveQuery.pagesize" |
|||
@pagination="getArchivesPage" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,190 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
v-model:page="searchArchiveQuery.page" |
|||
v-model:limit="searchArchiveQuery.pagesize" |
|||
@pagination="getArchivesPage" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,189 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
v-model:limit="searchArchiveQuery.pagesize" |
|||
@pagination="getArchivesPage" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,188 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
@pagination="getArchivesPage" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,188 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
@pagination="getArchivesPage" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,187 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
v-if="total > 0" |
|||
v-model:total="total" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,187 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
v-if="total = 0" |
|||
v-model:total="total" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,187 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
v-if="total = 10" |
|||
v-model:total="total" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,187 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
total = 10" |
|||
v-model:total="total" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,187 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
total = 10 |
|||
v-model:total="total" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,187 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
total = "10 |
|||
v-model:total="total" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,187 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
total = "10" |
|||
v-model:total="total" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,187 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
:total = "10" |
|||
v-model:total="total" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,186 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination |
|||
:total = "10" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,185 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total = "10" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total = "10"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,185 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10" :page-sizes="[100, 200, 300, 400]" |
|||
/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10*" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10 " :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10 * " :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10 * page" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10 * tableData.page" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "10" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,185 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
|
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,185 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,186 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,186 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,185 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const total = ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,184 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const defaultProps ={ |
|||
label: 'title', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,181 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
const tables = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,180 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
|
|||
|
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,178 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree |
|||
ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,177 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" |
|||
v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,176 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" |
|||
node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,175 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" |
|||
class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,174 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" |
|||
:data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,173 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" |
|||
:props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,172 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,171 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" |
|||
:check-strictly="true" :default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,170 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" |
|||
:expand-on-click-node="false" |
|||
:check-on-click-node="true" :check-strictly="true" :default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,169 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" |
|||
:expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false" |
|||
/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" |
|||
:expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,167 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,167 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
|
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id}) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id}) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state}) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3}) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,}) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue}) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}) |
|||
ElMessage.success("删除成功"); |
|||
jjjs() |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,167 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}) |
|||
ElMessage.success("删除成功"); |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,167 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then |
|||
ElMessage.success("删除成功"); |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,167 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then() |
|||
ElMessage.success("删除成功"); |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,167 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()) |
|||
ElMessage.success("删除成功"); |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,169 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=>{ |
|||
|
|||
}) |
|||
ElMessage.success("删除成功"); |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=>{ |
|||
|
|||
}) |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,169 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=>{ |
|||
ElMessage.success("删除成功"); |
|||
|
|||
}) |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=>{ |
|||
ElMessage.success("删除成功"); |
|||
}) |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=> |
|||
ElMessage.success("删除成功"); |
|||
}) |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=> |
|||
ElMessage.success("删除成功") |
|||
}) |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,167 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=> |
|||
ElMessage.success("删除成功")) |
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=> |
|||
ElMessage.success("删除成功")) |
|||
|
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
@ -1,168 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-09-19 09:13:14 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
import {ref,reactive,onMounted} from 'vue' |
|||
import Diolog from './diolog.vue' |
|||
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
|||
import { postinfo } from '@/api/hr/post/type'; |
|||
import { TableV2SortOrder } from 'element-plus'; |
|||
const { addShow, rowInfo, title } = defineProps(['addShow', 'rowInfo', 'title']) |
|||
const data = reactive({ |
|||
formInline:{ |
|||
region:'', |
|||
}, |
|||
title:"", |
|||
addPostBox: false, |
|||
}) |
|||
const count =ref(0) |
|||
const load = () => { |
|||
count.value += 1 |
|||
} |
|||
const orgTreeProps ={ |
|||
label: 'name', |
|||
} |
|||
const orgTreeLoading = ref(false); //加载行政组织树 |
|||
const postIds = ref<number[]>([]) |
|||
const tableData = ref<any>([]); |
|||
// 获取侧栏数据 |
|||
function jjjs(){ |
|||
addPostCont("/api/group/getgroupdepartmap","post") |
|||
.then(data => { |
|||
tableData.value = data.data[0].children[15].children; |
|||
}) |
|||
.catch(error => { |
|||
console.error('Error fetching data:', error); |
|||
}); |
|||
} |
|||
const table = ref<any>([]) |
|||
// 获取数据 |
|||
function newtarlist(){ |
|||
tarlist() |
|||
.then(data=>{ |
|||
table.value = data.data.list |
|||
console.log(table.value) |
|||
}) |
|||
} |
|||
newtarlist() |
|||
// 新增数据 |
|||
const addtableData = ()=>{ |
|||
data.addPostBox = true; |
|||
} |
|||
// 添加行 |
|||
const addRow = (val:any)=> { |
|||
tableData.value.push(val); |
|||
} |
|||
// 编辑行 |
|||
const editRow = (val:any)=> { |
|||
let index =tableData.value.findIndex( |
|||
(item:any) => item.id === val.id |
|||
); |
|||
tableData.value.splice(index, 1, val); |
|||
} |
|||
// 关闭弹窗 |
|||
const closeDetail = ()=>{ |
|||
data.addPostBox = false; |
|||
} |
|||
// 删除数据 |
|||
const handleDel = (val: any) => { |
|||
const dictTypeIds = [val?.id || postIds.value].join(","); |
|||
let dictTypeIdAry = dictTypeIds.split(","); |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
// 用户点击确认后执行删除操作 |
|||
handleSure(val) |
|||
deltarget({id:val.id,state:3,istrue:2}).then(()=> |
|||
ElMessage.success("删除成功")) |
|||
|
|||
}) |
|||
.catch(() => { |
|||
// 用户点击取消时的处理 |
|||
alert('用户取消了删除操作'); |
|||
}); |
|||
}; |
|||
const handleSure = (val:any)=> { |
|||
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
|||
if(index!=-1){ |
|||
tableData.value.splice(index, 1); |
|||
} |
|||
} |
|||
onMounted(()=>{ |
|||
jjjs() |
|||
}) |
|||
</script> |
|||
<template> |
|||
<div> |
|||
<el-row style="width: 100%"> |
|||
<el-tree ref="orgTreeRef" v-loading="orgTreeLoading" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :expand-on-click-node="false" :check-on-click-node="true" :check-strictly="true" :default-expand-all="false"/> |
|||
<el-col :span="22"> |
|||
<div class="horizontal-controls"> |
|||
<el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item><el-form-item label="指标名称"> |
|||
<el-select |
|||
v-model="data.formInline.region" |
|||
placeholder="请输入名称" |
|||
clearable |
|||
> |
|||
<el-option label="Zone one" value="shanghai" /> |
|||
<el-option label="Zone two" value="beijing" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-button @click="jjjs">查询</el-button> |
|||
<el-button class="new_btn" type="success" size="large" @click="addtableData">新增</el-button> |
|||
</div> |
|||
<el-table v-infinite-scroll="load" :data="table" border style="width: 100%"> |
|||
<el-table-column prop="title" label="考核指标"/> |
|||
<el-table-column prop="dimensiontitle" label="考核维度"/> |
|||
<el-table-column prop="" label="指标性质"/> |
|||
<el-table-column prop="unites" label="计量单位" /> |
|||
<el-table-column prop="" label="考核周期"/> |
|||
<el-table-column prop="" label="计分方式"/> |
|||
<el-table-column prop="relevantdepartmentsmap[0].title" label="关联部门"> |
|||
</el-table-column> |
|||
<el-table-column prop="reportmap[0].title" label="数据提交"/> |
|||
<el-table-column prop="state" label="辅助计数"/> |
|||
<el-table-column prop="" label="状态" width="70"> |
|||
<template #default="scope"> |
|||
<el-switch v-model="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" width="200"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" >修改</el-button> |
|||
<el-button type="danger" @click="handleDel(row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-col> |
|||
</el-row> |
|||
<el-pagination :total= "1000" :page-sizes="[100, 200, 300, 400]"/> |
|||
<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length" @add-Row="addRow" @edit-Row="editRow"></Diolog> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
*{ |
|||
font-weight: bolder; |
|||
} |
|||
.horizontal-controls { |
|||
display: flex; |
|||
float: left; |
|||
|
|||
} |
|||
|
|||
/* 可以根据需要调整样式 */ |
|||
</style> |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue