437 changed files with 71698 additions and 255 deletions
@ -0,0 +1,45 @@ |
|||||
|
<script setup lang="ts"> |
||||
|
import { useTagsViewStore } from "@/store/modules/tagsView"; |
||||
|
|
||||
|
const tagsViewStore = useTagsViewStore(); |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<section class="app-main"> |
||||
|
<router-view v-slot="{ Component, route }"> |
||||
|
<transition name="router-fade" mode="out-in"> |
||||
|
<keep-alive :include="tagsViewStore.cachedViews"> |
||||
|
<component :is="Component" :key="route.fullPath" /> |
||||
|
</keep-alive> |
||||
|
</transition> |
||||
|
</router-view> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.app-main { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
|
||||
|
/* 50= navbar 50 */ |
||||
|
min-height: calc(100vh - 50px); |
||||
|
overflow: hidden; |
||||
|
background-color: var(--el-bg-color-page); |
||||
|
} |
||||
|
|
||||
|
.fixed-header + .app-main { |
||||
|
padding-top: 50px; |
||||
|
} |
||||
|
|
||||
|
.hasTagsView { |
||||
|
.app-main { |
||||
|
/* 84 = navbar + tags-view = 50 + 34 */ |
||||
|
min-height: calc(100vh - 84px); |
||||
|
} |
||||
|
|
||||
|
.fixed-header + .app-main { |
||||
|
min-height: 100vh; |
||||
|
padding-top: 84px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,45 @@ |
|||||
|
<script setup lang="ts"> |
||||
|
import { useTagsViewStore } from "@/store/modules/tagsView"; |
||||
|
|
||||
|
const tagsViewStore = useTagsViewStore(); |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<section class="app-main"> |
||||
|
<router-view v-slot="{ Component, route }"> |
||||
|
<transition name="router-fade" mode="out-in"> |
||||
|
<keep-alive :include="tagsViewStore.cachedViews"> |
||||
|
<component :is="Component" :key="route.fullPath" /> |
||||
|
</keep-alive> |
||||
|
</transition> |
||||
|
</router-view> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.app-main { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
|
||||
|
/* 50= navbar 50 */ |
||||
|
min-height: calc(100vh - 50px); |
||||
|
overflow: hidden; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
|
||||
|
.fixed-header + .app-main { |
||||
|
padding-top: 50px; |
||||
|
} |
||||
|
|
||||
|
.hasTagsView { |
||||
|
.app-main { |
||||
|
/* 84 = navbar + tags-view = 50 + 34 */ |
||||
|
min-height: calc(100vh - 84px); |
||||
|
} |
||||
|
|
||||
|
.fixed-header + .app-main { |
||||
|
min-height: 100vh; |
||||
|
padding-top: 84px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,45 @@ |
|||||
|
<script setup lang="ts"> |
||||
|
import { useTagsViewStore } from "@/store/modules/tagsView"; |
||||
|
|
||||
|
const tagsViewStore = useTagsViewStore(); |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<section class="app-main"> |
||||
|
<router-view v-slot="{ Component, route }"> |
||||
|
<transition name="router-fade" mode="out-in"> |
||||
|
<keep-alive :include="tagsViewStore.cachedViews"> |
||||
|
<component :is="Component" :key="route.fullPath" /> |
||||
|
</keep-alive> |
||||
|
</transition> |
||||
|
</router-view> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.app-main { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
|
||||
|
/* 50= navbar 50 */ |
||||
|
min-height: calc(100vh - 50px); |
||||
|
overflow: hidden; |
||||
|
background-color: var(--el-bg-color-page); |
||||
|
} |
||||
|
|
||||
|
.fixed-header + .app-main { |
||||
|
padding-top: 50px; |
||||
|
} |
||||
|
|
||||
|
.hasTagsView { |
||||
|
.app-main { |
||||
|
/* 84 = navbar + tags-view = 50 + 34 */ |
||||
|
min-height: calc(100vh - 84px); |
||||
|
} |
||||
|
|
||||
|
.fixed-header + .app-main { |
||||
|
min-height: 100vh; |
||||
|
padding-top: 84px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,181 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
bca |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,181 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
background-color:#fff |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,181 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
background-color:#fff; |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,181 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
background-color:#fff; |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,181 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
background-color:#fff; |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,181 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
background-color:#fff; |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,181 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
background-color:#fff; |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,180 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,180 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,180 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':''','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,180 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,180 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span> |
||||
|
<el-form-item label="问题：" class="aaa" style="font-size:100px;"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" /> |
||||
|
<el-table-column prop="sex" label="提问人" /> |
||||
|
<el-table-column prop="age" label="阅读量" /> |
||||
|
<el-table-column prop="abe" label="赞" /> |
||||
|
<el-table-column prop="ade" label="踩" /> |
||||
|
<el-table-column prop="age" label="评论" /> |
||||
|
<el-table-column prop="age" label="回答人数" /> |
||||
|
<el-table-column prop="abc" label="状态" width="120"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="num" label="时间"/> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<div class="button-container"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<span> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<div class="ooo"> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild:any) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "答案列表"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
position: absolute; |
||||
|
left: 1350px; |
||||
|
top: 0px; |
||||
|
margin: 10px 0; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 10px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
.button-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,17 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-28 11:39:33 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import cc from "./cc.vue" |
||||
|
</script> |
||||
|
<template> |
||||
|
<div> |
||||
|
<cc></cc> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
* { |
||||
|
background-color:#fff; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-28 11:39:33 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import cc from "./cc.vue" |
||||
|
</script> |
||||
|
<template> |
||||
|
<cc></cc> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
* { |
||||
|
background-color:#fff; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,256 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
// 添加行 |
||||
|
const addRow=(val)=> { |
||||
|
data.studentInfo.push(val); |
||||
|
} |
||||
|
// 编辑行 |
||||
|
const editRow=(val)=> { |
||||
|
let index = data.studentInfo.findIndex( |
||||
|
(item, index) => item.id === val.id |
||||
|
); |
||||
|
data.studentInfo.splice(index, 1, val); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
data.studentInfo = data.studentInfo.filter( |
||||
|
(item) => !multipleSelection.value.includes(item) |
||||
|
); |
||||
|
multipleSelection.value = []; // 清除选择 |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
const handleSave=(formData)=> { |
||||
|
formData.id = this.studentInfo.length + 1; //生成唯一ID |
||||
|
data.studentInfo.push(formData); // 将新数据添加到阵列 |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,252 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
// 添加行 |
||||
|
const addRow=(val)=> { |
||||
|
data.studentInfo.push(val); |
||||
|
} |
||||
|
// 编辑行 |
||||
|
const editRow=(val)=> { |
||||
|
let index = data.studentInfo.findIndex( |
||||
|
(item, index) => item.id === val.id |
||||
|
); |
||||
|
data.studentInfo.splice(index, 1, val); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
data.studentInfo = data.studentInfo.filter( |
||||
|
(item) => !multipleSelection.value.includes(item) |
||||
|
); |
||||
|
multipleSelection.value = []; // 清除选择 |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,249 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
// 添加行 |
||||
|
const addRow=(val)=> { |
||||
|
data.studentInfo.push(val); |
||||
|
} |
||||
|
// 编辑行 |
||||
|
const editRow=(val)=> { |
||||
|
let index = data.studentInfo.findIndex( |
||||
|
(item, index) => item.id === val.id |
||||
|
); |
||||
|
data.studentInfo.splice(index, 1, val); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,249 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
// 添加行 |
||||
|
const addRow=(val)=> { |
||||
|
data.studentInfo.push(val); |
||||
|
} |
||||
|
// 编辑行 |
||||
|
const editRow=(val)=> { |
||||
|
let index = data.studentInfo.findIndex( |
||||
|
(item, index) => item.id === val.idF |
||||
|
); |
||||
|
data.studentInfo.splice(index, 1, val); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,249 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
// 添加行 |
||||
|
const addRow=(val)=> { |
||||
|
data.studentInfo.push(val); |
||||
|
} |
||||
|
// 编辑行 |
||||
|
const editRow=(val)=> { |
||||
|
let index = data.studentInfo.findIndex( |
||||
|
(item, index) => item.id === val.id |
||||
|
); |
||||
|
data.studentInfo.splice(index, 1, val); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
const handleSelectionChange=(val)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,247 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
// 添加行 |
||||
|
const addRow=(val)=> { |
||||
|
data.studentInfo.push(val); |
||||
|
} |
||||
|
// 编辑行 |
||||
|
const editRow=(val)=> { |
||||
|
let index = data.studentInfo.findIndex( |
||||
|
(item, index) => item.id === val.id |
||||
|
); |
||||
|
data.studentInfo.splice(index, 1, val); |
||||
|
} |
||||
|
// 关闭详情弹窗 |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,237 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
// 添加行 |
||||
|
// 关闭详情弹窗 |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,237 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
// 关闭详情弹窗 |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,235 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const handleImageUploaded = (imageUrlFromChild) => { |
||||
|
// 将传递的图片数据存储到状态中 |
||||
|
imageUrl.value = imageUrlFromChild; |
||||
|
}; |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,229 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const filterTableData = computed(() => |
||||
|
data.studentInfo.filter( |
||||
|
(item) => !searchName.value || item.name.includes(searchName.value) |
||||
|
) |
||||
|
); |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,224 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,224 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,224 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
method.handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,224 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,224 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val:any)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,224 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val:any)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,224 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
handleSure(val:any); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val:any)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,224 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
handleSure(val); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val:any)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,223 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
const handleSure=(val:any)=> { |
||||
|
this.dialogVisible = false; |
||||
|
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
||||
|
data.studentInfo.splice(index, 1); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,218 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,217 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
@add-row = "addRow" |
||||
|
@edit-row="editRow" |
||||
|
@image-uploaded="handleImageUploaded" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,215 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
:array-num="studentInfo.length" |
||||
|
|
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model:dialogShow="dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model:dialogShow="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,200 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive{ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
:data="studentInfo" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,212 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,212 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" :value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,212 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" :value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" :value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,212 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,212 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit" |
||||
|
>人数</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit(row)" |
||||
|
>人数</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit(row)" |
||||
|
>人数</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const =(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,213 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="box"> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNewac">添加</el-button> |
||||
|
<el-button type="warning" :icon="Star" circle size="large"><el-icon><RefreshRight /></el-icon></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" style="width: 50"> |
||||
|
<el-select v-model="form.region" placeholder="请选分厂" size="large"> |
||||
|
<el-option label="请选分厂" value="0"></el-option> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.section" placeholder="请选工段" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.position" placeholder="请选职务" size="large"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=""> |
||||
|
<el-select v-model="form.column" placeholder="请选栏目" size="large"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input v-model="searchName" style="width: 170px" placeholder="请输入题目" size="large"></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" @click="getUserList">查询</el-button> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="考试名称" width="250" /> |
||||
|
<el-table-column prop="sex" label="归属" width="100" /> |
||||
|
<el-table-column prop="age" label="考试范围" /> |
||||
|
<el-table-column prop="num" label="考试时长" width="100"/> |
||||
|
<el-table-column prop="abc" label="考题总数"/> |
||||
|
<el-table-column prop="abg" label="及格线"/> |
||||
|
<el-table-column prop="acd" label="开始&结束"/> |
||||
|
<el-table-column prop="acc" label="发起人"/> |
||||
|
<el-table-column prop="ace" label="创建时间"/> |
||||
|
<el-table-column prop="acf" label="状态"> |
||||
|
<template #default="row"> |
||||
|
<el-switch v-model="row.row.status" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="acg" label="考试人数"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button class="new_btn" type="primary" size="large" @click="handleEdit(row)" |
||||
|
>人数</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="danger" size="LARGE" @click="handleDel(row)" |
||||
|
>结束考试</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model="data.dialogShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lane="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
// eslint-disable-next-line vue/no-reserved-component-names |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
}); |
||||
|
const form=reactive({ |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}) |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "查看"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
*{ |
||||
|
font-weight: bolder; |
||||
|
font-size:15px; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th) { |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,237 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNew" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" size="large"> |
||||
|
<el-select v-model="data.form.region" placeholder="请选分厂"> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" size="large" style="width: 50"> |
||||
|
<el-select v-model="data.form.section" placeholder="请选工段"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" size="large"> |
||||
|
<el-select v-model="data.form.position" placeholder="请选职务"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" size="large"> |
||||
|
<el-select v-model="data.form.column" placeholder="请选栏目"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="请输入题目" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 100px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
stripe |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="文章标题" width="650" /> |
||||
|
<el-table-column prop="sex" label="所属栏目" width="100" /> |
||||
|
<el-table-column prop="age" label="可见范围" width="100"/> |
||||
|
<el-table-column prop="num" label="访问数据" width="440" /> |
||||
|
<el-table-column prop="abc" label="状态" width="70"> |
||||
|
<template #default="row"> |
||||
|
<el-switch |
||||
|
v-model="row.row.status" |
||||
|
:active-icon="Check" |
||||
|
:inactive-icon="Close" |
||||
|
@click="handleDelac"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="large" @click="handleEdit(row)" |
||||
|
>修改</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="large" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model:data.dialogShow="data.dialogShow" |
||||
|
:row-info="data.rowInfo" |
||||
|
/> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import { Check, Close } from '@element-plus/icons-vue' |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
|
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 添加行 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
const handleDelac=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定启用这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
font-size: 15px; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,237 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="danger" class="button-margin" size="large" @click="handleBatchDelete">批量删除</el-button> |
||||
|
<el-button class="new_btn" type="success" size="large" @click="handleNew" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
<el-button type="warning" circle size="large" |
||||
|
><el-icon><RefreshRight /></el-icon |
||||
|
></el-button> |
||||
|
<span class="aaa"> |
||||
|
<el-form-item label="" size="large"> |
||||
|
<el-select v-model="data.form.region" placeholder="请选分厂"> |
||||
|
<el-option label="甲醇分厂" value="1"></el-option> |
||||
|
<el-option label="化产分厂" value="2"></el-option> |
||||
|
<el-option label="动力分厂" value="3"></el-option> |
||||
|
<el-option label="机焦车间" value="4"></el-option> |
||||
|
<el-option label="质检中心" value="5"></el-option> |
||||
|
<el-option label="安环部" value="6"></el-option> |
||||
|
<el-option label="备煤车间" value="7"></el-option> |
||||
|
<el-option label="保卫部" value="8"></el-option> |
||||
|
<el-option label="企管部" value="9"></el-option> |
||||
|
<el-option label="高管" value="10"></el-option> |
||||
|
<el-option label="综合办" value="11"></el-option> |
||||
|
<el-option label="人力资源部" value="12"></el-option> |
||||
|
<el-option label="财务部" value="13"></el-option> |
||||
|
<el-option label="营销部" value="14"></el-option> |
||||
|
<el-option label="生产部" value="15"></el-option> |
||||
|
<el-option label="仓储中心" value="16"></el-option> |
||||
|
<el-option label="物流中心" value="17"></el-option> |
||||
|
<el-option label="办公室" value="18"></el-option> |
||||
|
<el-option label="审计监察部" value="19"></el-option> |
||||
|
<el-option label="法律事务部" value="20"></el-option> |
||||
|
<el-option label="财务部" value="21"></el-option> |
||||
|
<el-option label="供应部" value="22"></el-option> |
||||
|
<el-option label="销售部" value="23"></el-option> |
||||
|
<el-option label="生产计划部" value="24"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" size="large" style="width: 50"> |
||||
|
<el-select v-model="data.form.section" placeholder="请选工段"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" size="large"> |
||||
|
<el-select v-model="data.form.position" placeholder="请选职务"> </el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" size="large"> |
||||
|
<el-select v-model="data.form.column" placeholder="请选栏目"> |
||||
|
<el-option label="请选栏目" value="0"></el-option> |
||||
|
<el-option label="流程制度" value="1"></el-option> |
||||
|
<el-option label="工艺技术" value="2"></el-option> |
||||
|
<el-option label="设备管理" value="3"></el-option> |
||||
|
<el-option label="仪控仪表" value="4"></el-option> |
||||
|
<el-option label="机电维修" value="5"></el-option> |
||||
|
<el-option label="安全生产" value="6"></el-option> |
||||
|
<el-option label="质量管理" value="7"></el-option> |
||||
|
<el-option label="财务管理" value="8"></el-option> |
||||
|
<el-option label="人力资源" value="9"></el-option> |
||||
|
<el-option label="仓储物流" value="10"></el-option> |
||||
|
<el-option label="营销采购" value="11"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="请输入题目" |
||||
|
size="large" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 100px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" |
||||
|
stripe |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" /> |
||||
|
<el-table-column prop="name" label="文章标题" width="650" /> |
||||
|
<el-table-column prop="sex" label="所属栏目" width="100" /> |
||||
|
<el-table-column prop="age" label="可见范围" width="100"/> |
||||
|
<el-table-column prop="num" label="访问数据" width="440" /> |
||||
|
<el-table-column prop="abc" label="状态" width="70"> |
||||
|
<template #default="row"> |
||||
|
<el-switch |
||||
|
v-model="row.row.status" |
||||
|
:active-icon="Check" |
||||
|
:inactive-icon="Close" |
||||
|
@click="handleDelac"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="large" @click="handleEdit(row)" |
||||
|
>修改</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="large" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 新建/编辑弹框 --> |
||||
|
<Dialog |
||||
|
v-if="data.dialogShow" |
||||
|
v-model:data.dialogShow="data.dialogShow" |
||||
|
:row-info="data.rowInfo" |
||||
|
/> |
||||
|
<!-- 详情弹窗 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
||||
|
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
||||
|
import { Timer } from "@element-plus/icons-vue"; |
||||
|
import { Check, Close } from '@element-plus/icons-vue' |
||||
|
import axios from "axios"; // 导入公理函数库 |
||||
|
import Dialog from "./dialog.vue"; |
||||
|
const data = reactive({ |
||||
|
dialogShow: false, // 新增/编辑弹框 |
||||
|
rowInfo: {}, // 新增/编辑的数据 |
||||
|
title: "", // 是新建还是修改 |
||||
|
queryInfo:{ |
||||
|
query:'', |
||||
|
pagenum:1, |
||||
|
pagesize:'', |
||||
|
}, |
||||
|
form: { |
||||
|
name: "", |
||||
|
region: "", |
||||
|
date1: "", |
||||
|
date2: "", |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: "", |
||||
|
desc: "", |
||||
|
section: "", |
||||
|
position: "", |
||||
|
column: "", |
||||
|
}, |
||||
|
studentInfo: {}, |
||||
|
}); |
||||
|
const imageUrl = ref(''); |
||||
|
// 处理子组件传递的图片数据 |
||||
|
const jokeMes = ref([]) // 表格数据 |
||||
|
const temJokeMes = ref([]) // 临时表格数据 |
||||
|
const searchName = ref(""); // 用于查询的输入值 |
||||
|
|
||||
|
const multipleSelection = ref([]); |
||||
|
const handleNew=()=> { |
||||
|
data.title = "新增"; |
||||
|
data.rowInfo = {}; |
||||
|
data.dialogShow = true; |
||||
|
} |
||||
|
const handleEdit=(val:any)=> { |
||||
|
data.title = "修改"; |
||||
|
data.dialogShow = true; |
||||
|
data.rowInfo = val; |
||||
|
} |
||||
|
const handleDel=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
// 添加行 |
||||
|
const handleSelectionChange=(val:any)=> { |
||||
|
multipleSelection.value = val; |
||||
|
} |
||||
|
const handleBatchDelete=()=> { |
||||
|
if (multipleSelection.value.length === 0) { |
||||
|
ElMessageBox.alert("请选择要删除的数据", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
ElMessageBox.confirm("确定要批量删除所选数据吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 用户取消删除 |
||||
|
}); |
||||
|
} |
||||
|
const handleDelac=(val:any)=> { |
||||
|
ElMessageBox.confirm("你确定启用这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
|
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// 捕获错误 |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
*{ |
||||
|
font-size: 15px; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.aaa { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
||||
|
align-items: start; /* 顶格对齐 */ |
||||
|
float: right; |
||||
|
width: 700px; |
||||
|
height: 30px; |
||||
|
margin: 5px 0; |
||||
|
} |
||||
|
.button-margin { |
||||
|
margin: 5px 0; /* 设置右侧外边距，调整按钮之间的间距 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,97 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="考试得分" /> |
||||
|
<el-table-column prop="name" label="考试次数" /> |
||||
|
<el-table-column prop="sex" label="状态" width="300"/> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" |
||||
|
>下载</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
|
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object as () => FormInfo, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit = defineEmits(['image-uploaded', 'update:diaiopShow', 'editRow', 'addRow']) |
||||
|
const formData = reactive({}) |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:diaiopShow", false); |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
Object.assign(formData,props.rowInfo) |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,97 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="考试得分" /> |
||||
|
<el-table-column prop="name" label="考试次数" /> |
||||
|
<el-table-column prop="sex" label="状态" width="300"/> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" |
||||
|
>下载</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
|
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit = defineEmits(['image-uploaded', 'update:diaiopShow', 'editRow', 'addRow']) |
||||
|
const formData = reactive({}) |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:diaiopShow", false); |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
Object.assign(formData,props.rowInfo) |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object as () => FormInfo, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
formData: { |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
formData: { |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
formData: { |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign({}, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
formData: { |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
formData: { |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,152 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData: { |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}, |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData={ |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}, |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData=reactive({ |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}, |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData=reactive({ |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}) |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
data.formData = Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData=reactive({ |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}) |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
Object.assign({}, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData=reactive({ |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}) |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", data.formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData=reactive({ |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}) |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", data.formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData=reactive({ |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}) |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
data.formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,161 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-08-15 11:34:38 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<template> |
||||
|
<el-dialog :model-value="true" :title="title" @close="handleClose"> |
||||
|
|
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
style="width: 100%" |
||||
|
stripe |
||||
|
> |
||||
|
<el-table-column prop="asd" label="工号" /> |
||||
|
<el-table-column prop="name" label="姓名" /> |
||||
|
<el-table-column prop="sex" label="属性" width="300"/> |
||||
|
<el-table-column prop="age" label="考试分数" /> |
||||
|
<el-table-column prop="num" label="状态" /> |
||||
|
<el-table-column prop="qwe" label="参加次数" /> |
||||
|
<el-table-column prop="zxc" label="查看详情"> |
||||
|
<el-button class="new_btn" type="primary" @click="handleNewed" |
||||
|
>查看</el-button> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
<Diaiop |
||||
|
v-if="data.diaiopShow" |
||||
|
v-model:data.diaiopShow="data.diaiopShow" |
||||
|
:row-info="rowInfo" |
||||
|
:title="title" |
||||
|
/> |
||||
|
</template> |
||||
|
<script lang="ts" setup> |
||||
|
import { reactive, toRefs, ref, onMounted} from "vue"; |
||||
|
import { Delete, Download, Plus, ZoomIn } from "@element-plus/icons-vue"; |
||||
|
import { ElMessage,UploadProps} from "element-plus"; |
||||
|
import "quill/dist/quill.snow.css"; |
||||
|
import type { UploadFile } from 'element-plus' |
||||
|
import Diaiop from "./diaiop.vue" |
||||
|
const childBorder = ref(false); |
||||
|
const parentBorder = ref(false); |
||||
|
const editContvalue = ref(""); |
||||
|
const props=defineProps({ |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
rowInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
arrayNum: { |
||||
|
type: Number, |
||||
|
default: 0, |
||||
|
}, |
||||
|
}) |
||||
|
const emit=defineEmits(['image-uploaded', 'update:dialogShow', 'editRow', 'addRow']) |
||||
|
const data = reactive({ |
||||
|
diaiopShow: false, |
||||
|
title:"", |
||||
|
rowInfo:{}, |
||||
|
studentInfoac:[ |
||||
|
{ |
||||
|
asd:"300946", |
||||
|
name:"刘来", |
||||
|
sex:"质检中心煤焦采制样操作工", |
||||
|
age:"65", |
||||
|
num:"及格", |
||||
|
qwe:"55", |
||||
|
zxc:"" |
||||
|
} |
||||
|
], |
||||
|
}); |
||||
|
const formData=reactive({ |
||||
|
id: props.arrayNum.toString(), |
||||
|
name: "", |
||||
|
sex: "", |
||||
|
num: "", |
||||
|
age:"", |
||||
|
qwe:"", |
||||
|
zxc:"", |
||||
|
}) |
||||
|
// 关闭弹窗 |
||||
|
const handleClose=()=> { |
||||
|
emit("update:dialogShow", false); |
||||
|
} |
||||
|
// 重置 |
||||
|
const resetForm=()=> { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
} |
||||
|
// 提交表单内容 |
||||
|
const submitForm=()=> { |
||||
|
handleClose(); |
||||
|
if (props.rowInfo.name) { |
||||
|
// 修改 |
||||
|
const id = props.rowInfo; |
||||
|
emit("editRow", formData); |
||||
|
} else { |
||||
|
// 新增 |
||||
|
formData["id"] = (props.arrayNum + 1).toString(); |
||||
|
emit("addRow", formData); |
||||
|
} |
||||
|
} |
||||
|
const handleNewed=()=> { |
||||
|
data.title = "查看试卷"; |
||||
|
data.rowInfo = {}; |
||||
|
data.diaiopShow = true; |
||||
|
} |
||||
|
const editorInstance = ref(null); |
||||
|
onMounted(() => { |
||||
|
Object.assign(formData, props.rowInfo); |
||||
|
}); |
||||
|
const handlePictureCardPreview = (file: UploadFile) => {}; |
||||
|
const disabled = ref(false); |
||||
|
const handleRemove = (file: UploadFile) => {}; |
||||
|
const handleDownload = (file: UploadFile) => {}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
|
||||
|
.avatar-uploader .avatar { |
||||
|
display: block; |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.avatar-uploader .el-upload { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
cursor: pointer; |
||||
|
border: 1px dashed var(--el-border-color); |
||||
|
border-radius: 6px; |
||||
|
transition: var(--el-transition-duration-fast); |
||||
|
} |
||||
|
|
||||
|
.avatar-uploader .el-upload:hover { |
||||
|
border-color: var(--el-color-primary); |
||||
|
} |
||||
|
|
||||
|
.el-icon.avatar-uploader-icon { |
||||
|
width: 178px; |
||||
|
height: 178px; |
||||
|
font-size: 28px; |
||||
|
color: #8c939d; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.el-dialog{ |
||||
|
width:1200px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,231 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<div class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</div> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<div class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</div> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-container> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<div class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</div> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</div> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="3" class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="3" class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="20"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="20"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 150px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="20"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="20"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="22"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,233 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,234 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
</el-col> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,234 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-col :span="1"> |
||||
|
<el-divider direction="vertical"/> |
||||
|
</el-col> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-row style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-container style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-container style="width: 100%"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-container> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-container clss=""> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-container> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-container clss="m-4"> |
||||
|
<el-col :span="2" class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-container> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 2023-09-19 09:13:14 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import {ref,reactive,onMounted} from 'vue' |
||||
|
import { organdpost,posttarget,set_posttarget } from '@/api/opk/api' |
||||
|
import { addPostCont,tarlist,deltarget } from '@/api/opk/api' |
||||
|
import { editPostCont } from '@/api/opk/pulic/api' |
||||
|
import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api' |
||||
|
import { ge_copy } from '@/api/opk/zxy/news/api' |
||||
|
import { formItemValidateStates, TableV2SortOrder } from 'element-plus'; |
||||
|
import { getDictFormData } from '@/api/dict' |
||||
|
import Dialog from './dialog.vue' |
||||
|
import Dialoglog from './dialoglog.vue' |
||||
|
import Yg from './yg.vue' |
||||
|
// eslint-disable-next-line vue/require-prop-types |
||||
|
const { addShow, title } = defineProps(['addShow', 'title']) |
||||
|
const data = reactive({ |
||||
|
formInline:{ |
||||
|
region:'', |
||||
|
}, |
||||
|
title:"", |
||||
|
addPostBox: false, |
||||
|
edPostBox:false, |
||||
|
ygPostBox:false, |
||||
|
}) |
||||
|
const orgTreeProps ={ |
||||
|
label: 'name', |
||||
|
children:'child' |
||||
|
} |
||||
|
const orgTreeProp ={ |
||||
|
label: 'title', |
||||
|
children:'childen' |
||||
|
} |
||||
|
const formdat = { |
||||
|
someProp:"", |
||||
|
} |
||||
|
const total =ref(0) |
||||
|
const rowInfo = ref<any>({}) |
||||
|
const postIds = ref<number[]>([]) |
||||
|
const tableData = ref<any>([]); |
||||
|
const tables = ref<any>([]); |
||||
|
// 获取侧栏数据 |
||||
|
function jjjs(){ |
||||
|
addPostCont("/hrapi/org/govthree","post") |
||||
|
.then(data => { |
||||
|
tableData.value = data.data[3].child[14].child; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error fetching data:', error); |
||||
|
}); |
||||
|
} |
||||
|
jjjs() |
||||
|
function editPost(){ |
||||
|
editPostCont({}) |
||||
|
.then(data => { |
||||
|
tables.value = data.data.list; |
||||
|
}) |
||||
|
} |
||||
|
editPost() |
||||
|
const table = ref<any>([]) |
||||
|
const formdate = reactive({ |
||||
|
page:0, |
||||
|
pagesize:20, |
||||
|
name:"", |
||||
|
dimension:"", |
||||
|
attribute:"", |
||||
|
orgidlist:"", |
||||
|
type:"", |
||||
|
value1:"2023", |
||||
|
}) |
||||
|
// 获取数据 |
||||
|
const tableq = ref([]) |
||||
|
const postt = ()=>{ |
||||
|
const ass = new Date(formdate.value1); |
||||
|
const qwe = ass.getFullYear(); |
||||
|
const zjr = qwe.toString(); |
||||
|
departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name}) |
||||
|
.then(data => { |
||||
|
tableq.value = data.data; |
||||
|
total.value = data.data.count; |
||||
|
}) |
||||
|
} |
||||
|
// 新增数据 |
||||
|
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; |
||||
|
} |
||||
|
function editPostState(classId:string,state:number){ |
||||
|
console.log("改变状态--------->",classId,state) |
||||
|
let statusVal = 1 |
||||
|
if( state == 1) statusVal = 2; |
||||
|
edit_depart({id:classId,state:statusVal,istrue:2}) |
||||
|
postt() |
||||
|
} |
||||
|
// 删除数据 |
||||
|
const handleDel = (val:any) => { |
||||
|
const dictTypeIds = [val.outID || postIds.value].join(","); |
||||
|
let dictTypeIdAry = dictTypeIds.split(",") |
||||
|
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
||||
|
confirmButtonText: "确认", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
const add = val.key.toString() |
||||
|
handleSure(val) |
||||
|
console.log(val.id) |
||||
|
edit_depart({id:add,state:3,istrue:2}).then(()=> |
||||
|
ElMessage.success("删除成功")) |
||||
|
postt() |
||||
|
}) |
||||
|
}; |
||||
|
const handleSure = (val:any)=> { |
||||
|
const index = tableData.value.findIndex((item:any) => item.id === val.id); |
||||
|
if(index!=-1){ |
||||
|
tableData.value.splice(index, 1); |
||||
|
} |
||||
|
} |
||||
|
const resetChecked=()=> { |
||||
|
formdate.orgidlist = "" |
||||
|
postt() |
||||
|
} |
||||
|
const handle=(data:any)=>{ |
||||
|
formdate.orgidlist = data.id.toString() |
||||
|
postt() |
||||
|
} |
||||
|
const handleErd=(val:any)=>{ |
||||
|
data.edPostBox=true; |
||||
|
rowInfo.value=val; |
||||
|
} |
||||
|
const handleio=(val:any)=>{ |
||||
|
data.ygPostBox=true; |
||||
|
rowInfo.value = val; |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
jjjs() |
||||
|
postt() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="m-2"> |
||||
|
<el-container clss="m-4"> |
||||
|
<div class="qwe"> |
||||
|
<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button> |
||||
|
<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/> |
||||
|
</el-col> |
||||
|
<el-divider direction="vertical"/> |
||||
|
<el-col :span="21"> |
||||
|
<el-container class="wer"> |
||||
|
<el-form-item label="方案版本号:"> |
||||
|
<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度:" label-width="90"> |
||||
|
<el-date-picker v-model="formdate.value1" type="year"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-width="25"> |
||||
|
<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button> |
||||
|
<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-container> |
||||
|
<el-table class="m-1" :data="tableq" border style="width: 100%"> |
||||
|
<el-table-column prop="groupname,deaprtname," label="部门"> |
||||
|
<template #default="scope"> |
||||
|
{{scope.row.groupname}}{{scope.row.deaprtname}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="year" label="年" width="70"/> |
||||
|
<el-table-column prop="key" label="版本号"/> |
||||
|
<el-table-column prop="time" label="时间" /> |
||||
|
<el-table-column prop="state" label="状态" width="70"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" width="228"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button> |
||||
|
<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button> |
||||
|
<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-col> |
||||
|
</el-container> |
||||
|
<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/> |
||||
|
<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog> |
||||
|
<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog> |
||||
|
<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.qwe { |
||||
|
margin:-8px 0 0 -6px; |
||||
|
float:right; |
||||
|
} |
||||
|
.wer{ |
||||
|
margin:-5px 0 0 20px; |
||||
|
font-weight:normal; |
||||
|
} |
||||
|
.horizontal-controls { |
||||
|
display: flex; |
||||
|
float: left; |
||||
|
|
||||
|
} |
||||
|
.el-divider--vertical{ |
||||
|
display:inline-block; |
||||
|
width:1px; |
||||
|
height:812px; |
||||
|
margin:0 8px; |
||||
|
vertical-align:middle; |
||||
|
position:relative; |
||||
|
} |
||||
|
|
||||
|
/* 可以根据需要调整样式 */ |
||||
|
</style> |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue