fix:作品模块、公司简介、在线报名模块优化

This commit is contained in:
xjh 2023-04-21 22:03:43 +08:00
parent 51e28181e4
commit 04951d9fa8
4 changed files with 39 additions and 22 deletions

View File

@ -38,18 +38,19 @@
</el-dropdown> </el-dropdown>
</el-space> </el-space>
<!-- 数据表格 --> <!-- 数据表格 -->
<DataTable ref="tableRef" v-loading="loading" style="width: 100%" :onSelectionChange="data => (selectionData = data)" <DataTable :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }" ref="tableRef"
:column="column" :params="params" :request="params => tableDataInit(params)"> v-loading="loading" style="width: 100%" :onSelectionChange="data => (selectionData = data)" :column="column"
:params="params" :request="params => tableDataInit(params)">
<!-- 简介图片 --> <!-- 简介图片 -->
<template #company_profile_img="scope"> <template #company_profile_img="scope">
<el-image v-if="scope.row.company_profile_img" :src="scope.row.company_profile_img.split(',')[0]" lazy <el-image v-if="scope.row.company_profile_img" :src="scope.row.company_profile_img.split(',')[0]" lazy
:preview-src-list="scope.row.company_profile_img.split(',')" :preview-teleported="true" :preview-src-list="scope.row.company_profile_img.split(',')" :preview-teleported="true"
:hide-on-click-modal="true" fit="contain" class="el-avatar-plus"></el-image> :hide-on-click-modal="true" fit="contain" class="el-avatar"></el-image>
<template v-else>暂无图片</template> <template v-else>暂无图片</template>
</template> </template>
<!-- 简介内容 --> <!-- 简介内容 -->
<template #company_profile_content="scope"> <template #company_profile_content="scope">
<div style="height: 300px;" v-html="scope.row.company_profile_content"></div> <div style="height: 150px;" v-html="scope.row.company_profile_content"></div>
</template> </template>
<!-- 排序 --> <!-- 排序 -->
<template #company_profile_order="scope"> <template #company_profile_order="scope">
@ -129,7 +130,7 @@ const column = [
{ {
prop: "company_profile_img", prop: "company_profile_img",
label: '简介图片', label: '简介图片',
width: '300' width: '200'
}, },
{ {
prop: "company_profile_content", prop: "company_profile_content",
@ -145,7 +146,7 @@ const column = [
{ {
label: '操作', label: '操作',
prop: 'chaoz', prop: 'chaoz',
width: '250', width: '200',
fixed: 'right' fixed: 'right'
} }
]; ];
@ -213,10 +214,13 @@ watch(drag, () => {
const loading = ref(false) const loading = ref(false)
async function handleEditOrder(data) { async function handleEditOrder(data) {
loading.value = true loading.value = true
const { code } = await editCompanyProfile(data); const { code, msg } = await editCompanyProfile(data);
if (code == 0) { if (code == 0) {
loading.value = false loading.value = false
tableRef.value.reload() tableRef.value.reload()
ElMessage.success(msg);
} else {
ElMessage.error(msg);
} }
} }

View File

@ -75,8 +75,9 @@
</el-dropdown> </el-dropdown>
</el-space> </el-space>
<!-- 数据表格 --> <!-- 数据表格 -->
<DataTable ref="tableRef" style="width: 100%" :onSelectionChange="data => (selectionData = data)" :column="column" <DataTable :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }" ref="tableRef"
:params="params" :request="params => getSignupList(params)"> style="width: 100%" :onSelectionChange="data => (selectionData = data)" :column="column" :params="params"
:request="params => getSignupList(params)">
<!-- 所属班级 --> <!-- 所属班级 -->
<template #classes_name="scope"> <template #classes_name="scope">
<el-tag type='warning'>{{ scope.row.classes_name }} </el-tag> <el-tag type='warning'>{{ scope.row.classes_name }} </el-tag>
@ -220,7 +221,7 @@ const column = [
{ {
label: '操作', label: '操作',
prop: 'chaoz', prop: 'chaoz',
width: '250', width: '200',
fixed: 'right' fixed: 'right'
} }
]; ];

View File

@ -64,7 +64,8 @@
</el-dropdown> </el-dropdown>
</el-space> </el-space>
<!-- 数据表格 --> <!-- 数据表格 -->
<DataTable ref="tableRef" style="width: 100%" v-loading="loading" :onSelectionChange="data => (selectionData = data)" <DataTable ref="tableRef" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
:cell-style="{ 'text-align': 'center' }" v-loading="loading" :onSelectionChange="data => (selectionData = data)"
:column="column" :params="params" :request="params => tableDataInit(params)"> :column="column" :params="params" :request="params => tableDataInit(params)">
<!-- 图片 --> <!-- 图片 -->
<template #works_img="scope"> <template #works_img="scope">
@ -144,6 +145,7 @@ const EditWorksDialogVisible = ref(false);
const EditWorksDialogRow = ref({}); const EditWorksDialogRow = ref({});
const DetailWorksDialogVisible = ref(false); const DetailWorksDialogVisible = ref(false);
const DetailWorksDialogRow = ref({}); const DetailWorksDialogRow = ref({});
const loading = ref(false)
const headers = { const headers = {
Accept: "application/json", Accept: "application/json",
@ -166,17 +168,18 @@ const column = [
{ {
prop: "works_img", prop: "works_img",
label: '作品图片', label: '作品图片',
width: '250' width: '150'
}, },
{ {
prop: "works_name", prop: "works_name",
label: '作品名称', label: '作品名称',
width: '150' width: '150',
showOverflowTooltip: true,
}, },
{ {
prop: "works_type_name", prop: "works_type_name",
label: '作品类型', label: '作品类型',
width: '150' width: '125'
}, },
{ {
prop: "works_author", prop: "works_author",
@ -186,7 +189,7 @@ const column = [
{ {
prop: "classes_name", prop: "classes_name",
label: '班型', label: '班型',
width: '150' width: '125'
}, },
{ {
prop: "works_likes_count", prop: "works_likes_count",
@ -249,23 +252,27 @@ watch(drag, () => {
}) })
// //
const loading = ref(false)
async function handleEditOrder(data) { async function handleEditOrder(data) {
loading.value = true loading.value = true
const { code } = await editWorks(data); const { code, msg } = await editWorks(data);
if (code == 0) { if (code == 0) {
loading.value = false loading.value = false
tableRef.value.reload() tableRef.value.reload()
ElMessage.success(msg);
} else {
ElMessage.error(msg);
} }
} }
// //
async function handleEditLikeCount(data) { async function handleEditLikeCount(data) {
loading.value = true loading.value = true
const { code } = await editWorks(data); const { code, msg } = await editWorks(data);
if (code == 0) { if (code == 0) {
loading.value = false loading.value = false
tableRef.value.reload() tableRef.value.reload()
} else {
ElMessage.error(msg);
} }
} }

View File

@ -45,11 +45,11 @@
</el-dropdown> </el-dropdown>
</el-space> </el-space>
<!-- 数据表格 --> <!-- 数据表格 -->
<el-table v-loading="loading" :data="dataList" ref="tableRef" border highlight-current-row <el-table v-loading="loading" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}" :data="dataList" ref="tableRef" border highlight-current-row
:onSelectionChange="data => (selectionData = data)" :default-expand-all="tableExpandAll" row-key="works_type_guid" :onSelectionChange="data => (selectionData = data)" :default-expand-all="tableExpandAll" row-key="works_type_guid"
:tree-props="{ children: 'children' }"> :tree-props="{ children: 'children' }">
<el-table-column type="selection" width="50" align="center" /> <el-table-column type="selection" width="50" align="center" />
<el-table-column prop="works_type_name" width="200" label="作品类型名称" :show-overflow-tooltip="true"> </el-table-column> <el-table-column prop="works_type_name" width="120" label="作品类型名称" :show-overflow-tooltip="true"> </el-table-column>
<el-table-column sortable prop="works_type_order" width="200" label="排序" sort> <el-table-column sortable prop="works_type_order" width="200" label="排序" sort>
<template #default="scope"> <template #default="scope">
<el-input-number v-model='scope.row.works_type_order' controls-position="right" <el-input-number v-model='scope.row.works_type_order' controls-position="right"
@ -143,8 +143,13 @@ function handleDetail(row) {
// //
async function handleEditOrder(data) { async function handleEditOrder(data) {
loading.value = true loading.value = true
await editWorksType(data); const { code, msg } = await editWorksType(data);
getList(); if (code == 0) {
ElMessage.success(msg);
getList();
} else {
ElMessage.error(msg);
}
} }