846 changed files with 162874 additions and 11930 deletions
@ -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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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':'#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,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> |
||||
|
*{ |
||||
|
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> |
||||
|
*{ |
||||
|
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 |
||||
|
:data="studentInfo" |
||||
|
: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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: { |
||||
|
name |
||||
|
}, |
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: { |
||||
|
name:"" |
||||
|
}, |
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: { |
||||
|
name:"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="data.studentInfo" |
||||
|
: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: { |
||||
|
name:"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="data.studentInfo" |
||||
|
: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: { |
||||
|
name:"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="data.studentInfo" |
||||
|
: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: { |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
}); |
||||
|
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 |
||||
|
:data="data.studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo: { |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo: { |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo: { |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
} |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo={ |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
} |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo=ref({ |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
} |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo=ref({ |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
}) |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo=ref({ |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
]) |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo=ref([] |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
]) |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo=ref([ |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
]) |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo=ref([ |
||||
|
"name:"我公司的企业安全文化是什么？" |
||||
|
]) |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo=ref([ |
||||
|
name:"我公司的企业安全文化是什么？" |
||||
|
]) |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo=ref({ |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
}) |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo<any>=ref({ |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
}) |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const studentInfo:any=ref({ |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
}) |
||||
|
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 |
||||
|
:data=".studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
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,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 |
||||
|
:data="data.studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
|
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="data.studentInfo" |
||||
|
: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: { |
||||
|
"name":"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="data.studentInfo" |
||||
|
: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: { |
||||
|
name:"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
}); |
||||
|
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,183 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: { |
||||
|
name:"我公司的企业安全文化是什么？" |
||||
|
}, |
||||
|
}); |
||||
|
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,202 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="studentInfo" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,202 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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 |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" size="large" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: 'Tom', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式，应该注意哪些事项？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式，应该注意哪些事项？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
date: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
date: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '2016-05-03', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-02', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: ' 杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-04', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '2016-05-01', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,201 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,200 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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> |
||||
|
<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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,199 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,199 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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 |
||||
|
> |
||||
|
|
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,198 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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 |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
|
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,197 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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 |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,196 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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 }"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,195 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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 }"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,195 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width=""> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,195 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="200"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,195 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="400"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,195 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,195 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,195 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,195 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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,192 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link class="button-margin" @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,192 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" class="button-margin" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,192 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" class="button-margin" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,192 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-1" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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" > |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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" width=""> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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" width="300"> |
||||
|
<el-input |
||||
|
v-model="searchName" |
||||
|
style="width: 170px" |
||||
|
placeholder="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
: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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" width="300" /> |
||||
|
<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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" width="300" /> |
||||
|
<el-table-column prop="sex" label="提问人"width="300" /> |
||||
|
<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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" width="300" /> |
||||
|
<el-table-column prop="sex" label="提问人" width="300" /> |
||||
|
<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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 鲁智强 |
||||
|
@ 时间: 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="问题" |
||||
|
></el-input> |
||||
|
<el-button type="success" style="width: 80px" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</span> |
||||
|
<el-table |
||||
|
ref="multipleTableRef" |
||||
|
border |
||||
|
class="m-2" |
||||
|
stripe |
||||
|
:data="tableData" |
||||
|
:header-cell-style="{'width':'100%','background':'#F2F2F2','text-align':'center'}" > |
||||
|
<el-table-column type="selection"/> |
||||
|
<el-table-column prop="name" label="问题" width="300" /> |
||||
|
<el-table-column prop="sex" label="提问人" width="90" /> |
||||
|
<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="操作" width="300"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-button type="success" size="default" link @click="handleEdit(row)" |
||||
|
><el-icon><ChatLineSquare /></el-icon>查看答案列表</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" |
||||
|
><el-icon><Lock /></el-icon>下架</el-button |
||||
|
> |
||||
|
<el-button type="danger" link size="default" @click="handleDel(row)" |
||||
|
><el-icon><Delete /></el-icon>删除</el-button |
||||
|
> |
||||
|
</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: "", |
||||
|
}, |
||||
|
}); |
||||
|
const tableData = [ |
||||
|
{ |
||||
|
sex: '张德银', |
||||
|
name: '我公司的企业安全文化是什么？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '杨吉方', |
||||
|
name: 'DCS?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '谈谈你对精益管理的理解？', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
{ |
||||
|
sex: '江金锋', |
||||
|
name: '为了避免6s活动流于形式,应该注意哪些事项?', |
||||
|
address: 'No. 189, Grove St, Los Angeles', |
||||
|
}, |
||||
|
] |
||||
|
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-container { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; /* 居中对齐 */ |
||||
|
} |
||||
|
:deep(.el-table th){ |
||||
|
font-weight: bold; /* 设置表头字体加粗 */ |
||||
|
color: #333; /* 设置表头字体颜色 */ |
||||
|
} |
||||
|
</style> |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue