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