php/houde_web_back
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix : 修改联系方式，首页数据

Browse Source
This commit is contained in:
lwh 2023-05-08 19:43:16 +08:00
parent 4e0bb034fe
commit b55378affd
11 changed files with 204 additions and 305 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/pages/index/contact_us/contact_info/consulting_hotline/components/AddConsultingHotlineDialog.vue
View File

@ -1,42 +1,21 @@
<template>
<el-dialog
v-model="dialogVisible"
title="添加咨询热线"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-dialog v-model="dialogVisible" title="添加咨询热线" width="900px" @closed="closeDialog" @open="openDialog">
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="咨询留言人"
prop="consulting_hotline_user"
>
<el-input
v-model="formData.consulting_hotline_user"
type="text"
placeholder="请输入咨询留言人"
></el-input>
<el-form-item :label-width="labelWidth" label="联系人" prop="consulting_hotline_user">
<el-input v-model="formData.consulting_hotline_user" type="text" placeholder="请输入联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="咨询热线方式"
prop="consulting_hotline_phone"
>
<el-input
v-model="formData.consulting_hotline_phone"
type="text"
placeholder="请输入咨询热线方式"
></el-input>
<el-form-item :label-width="labelWidth" label="联系方式" prop="consulting_hotline_phone">
<el-input v-model="formData.consulting_hotline_phone" type="text" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right"
:min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
@ -44,9 +23,7 @@
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="handleAddClick(formRef)"
>添加</el-button
>
<el-button type="primary" @click="handleAddClick(formRef)">添加</el-button>
<el-button @click="handleResetClick(formRef)">重置</el-button>
</span>
</template>
@ -91,13 +68,13 @@ const rules = reactive({
consulting_hotline_user: [
{
required: true,
message: '咨询留言人不能为空'
message: '联系人不能为空'
}
],
consulting_hotline_phone: [
{
required: true,
message: '咨询热线方式不能为空'
message: '联系方式不能为空'
}
]
});
@ -105,7 +82,7 @@ const rules = reactive({
// --基础方法
// 打开弹窗时执行
const openDialog = () => {};
const openDialog = () => { };
const closeDialog = () => {
handleResetClick(formRef.value);

37
src/pages/index/contact_us/contact_info/consulting_hotline/components/DetailConsultingHotlineDialog.vue
View File

@ -1,42 +1,21 @@
<template>
<el-dialog
v-model="props.modelValue"
title="咨询热线详情"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-dialog v-model="props.modelValue" title="咨询热线详情" width="900px" @closed="closeDialog" @open="openDialog">
<el-form ref="formRef" :model="formData" :disabled="true">
<el-row>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="咨询留言人"
prop="consulting_hotline_user"
>
<el-input
v-model="formData.consulting_hotline_user"
type="text"
placeholder="请输入咨询留言人"
></el-input>
<el-form-item :label-width="labelWidth" label="联系人" prop="consulting_hotline_user">
<el-input v-model="formData.consulting_hotline_user" type="text" placeholder="联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="咨询热线方式"
prop="consulting_hotline_phone"
>
<el-input
v-model="formData.consulting_hotline_phone"
type="text"
placeholder="请输入咨询热线方式"
></el-input>
<el-form-item :label-width="labelWidth" label="联系方式" prop="consulting_hotline_phone">
<el-input v-model="formData.consulting_hotline_phone" type="text" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right"
:min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
@ -72,7 +51,7 @@ watch(props, v => {
});
// 打开弹窗时执行
const openDialog = () => {};
const openDialog = () => { };
const closeDialog = () => {
emits('update:modelValue', false);

45
src/pages/index/contact_us/contact_info/consulting_hotline/components/EditConsultingHotlineDialog.vue
View File

@ -1,51 +1,28 @@
<template>
<el-dialog
v-model="props.modelValue"
title="编辑咨询热线"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-dialog v-model="props.modelValue" title="编辑咨询热线" width="900px" @closed="closeDialog" @open="openDialog">
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="咨询留言人"
prop="consulting_hotline_user"
>
<el-input
v-model="formData.consulting_hotline_user"
type="text"
placeholder="请输入咨询留言人"
></el-input>
<el-form-item :label-width="labelWidth" label="联系人" prop="consulting_hotline_user">
<el-input v-model="formData.consulting_hotline_user" type="text" placeholder="联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="咨询热线方式"
prop="consulting_hotline_phone"
>
<el-input
v-model="formData.consulting_hotline_phone"
type="text"
placeholder="请输入咨询热线方式"
></el-input>
<el-form-item :label-width="labelWidth" label="联系方式" prop="consulting_hotline_phone">
<el-input v-model="formData.consulting_hotline_phone" type="text" placeholder="请输入联系方式"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right"
:min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="handleEditClick(formRef)"
>编辑</el-button
>
<el-button type="primary" @click="handleEditClick(formRef)">编辑</el-button>
<el-button @click="handleResetClick(formRef)">重置</el-button>
</span>
</template>
@ -88,7 +65,7 @@ watch(props, v => {
});
// 打开弹窗时执行
const openDialog = () => {};
const openDialog = () => { };
const closeDialog = () => {
props.done();
@ -99,13 +76,13 @@ const rules = reactive({
consulting_hotline_user: [
{
required: true,
message: '咨询留言人不能为空'
message: '联系人不能为空'
}
],
consulting_hotline_phone: [
{
required: true,
message: '咨询热线方式不能为空'
message: '联系方式不能为空'
}
]
});

50
src/pages/index/contact_us/contact_info/contact_scancode/components/AddContactScancodeDialog.vue
View File

@ -1,38 +1,34 @@
<template>
<el-dialog
v-model="dialogVisible"
title="添加联系扫码"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-dialog v-model="dialogVisible" title="添加联系扫码" width="900px" @closed="closeDialog" @open="openDialog">
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :span="24">
<el-form-item :label-width="labelWidth" label="联系扫码标题" prop="contact_scancode_title">
<el-form-item :label-width="labelWidth" label="标题" prop="contact_scancode_title">
<el-input v-model="formData.contact_scancode_title" type="text" placeholder="请输入标题"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="联系扫码图片"
prop="contact_scancode_img"
>
<UploadImage
ref="uploadRef"
v-model="formData.contact_scancode_img"
:data="uoloadData"
:limit="1"
:fileSize="5"
:drag="true"
:isShowTip="false"
/>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="联系扫码图片" prop="contact_scancode_img">
<UploadImage ref="uploadRef" v-model="formData.contact_scancode_img" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="底部图标" prop="contact_scancode_icon">
<UploadImage ref="uploadRef" v-model="formData.contact_scancode_icon" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span='12'>
<el-form-item :label-width='labelWidth + 10' label='底部是否展示' prop='contact_scancode_status'>
<el-switch v-model='formData.contact_scancode_status' class='mt-2' inline-prompt :inactive-value=1 :active-value=2
style='--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949' />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
<el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
<el-input-number v-model="formData.contact_scancode_order" controls-position="right"
:min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
@ -40,9 +36,7 @@
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="handleAddClick(formRef)"
>添加</el-button
>
<el-button type="primary" @click="handleAddClick(formRef)">添加</el-button>
<el-button @click="handleResetClick(formRef)">重置</el-button>
</span>
</template>
@ -95,7 +89,7 @@ const rules = reactive({
// --基础方法
// 打开弹窗时执行
const openDialog = () => {};
const openDialog = () => { };
const closeDialog = () => {
handleResetClick(formRef.value);

42
src/pages/index/contact_us/contact_info/contact_scancode/components/DetailContactScancodeDialog.vue
View File

@ -1,11 +1,5 @@
<template>
<el-dialog
v-model="props.modelValue"
title="联系扫码详情"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-dialog v-model="props.modelValue" title="联系扫码详情" width="900px" @closed="closeDialog" @open="openDialog">
<el-form ref="formRef" :model="formData" :disabled="true">
<el-row>
<el-col :span="24">
@ -14,25 +8,27 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label-width="labelWidth"
label="联系扫码图片"
prop="contact_scancode_img"
>
<UploadImage
ref="uploadRef"
v-model="formData.contact_scancode_img"
:data="uoloadData"
:limit="1"
:fileSize="5"
:drag="true"
:isShowTip="false"
/>
<el-form-item :label-width="labelWidth" label="联系扫码图片" prop="contact_scancode_img">
<UploadImage ref="uploadRef" v-model="formData.contact_scancode_img" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="底部图标" prop="contact_scancode_icon">
<UploadImage ref="uploadRef" v-model="formData.contact_scancode_icon" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span='12'>
<el-form-item :label-width='labelWidth + 10' label='底部是否展示' prop='contact_scancode_status'>
<el-switch v-model='formData.contact_scancode_status' class='mt-2' inline-prompt :inactive-value=1 :active-value=2
style='--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949' />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
<el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
<el-input-number v-model="formData.contact_scancode_order" controls-position="right"
:min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
@ -68,7 +64,7 @@ watch(props, v => {
});
// 打开弹窗时执行
const openDialog = () => {};
const openDialog = () => { };
const closeDialog = () => {
emits('update:modelValue', false);

58
src/pages/index/contact_us/contact_info/contact_scancode/components/EditContactScancodeDialog.vue
View File

@ -1,55 +1,41 @@
<template>
<el-dialog
v-model="props.modelValue"
title="编辑联系扫码"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-dialog v-model="props.modelValue" title="编辑联系扫码" width="900px" @closed="closeDialog" @open="openDialog">
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="联系扫码标题"
prop="contact_scancode_title"
>
<el-input
v-model="formData.contact_scancode_title"
type="text"
placeholder="请输入标题"
></el-input>
<el-form-item :label-width="labelWidth" label="联系扫码标题" prop="contact_scancode_title">
<el-input v-model="formData.contact_scancode_title" type="text" placeholder="请输入标题"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label-width="labelWidth"
label="联系扫码图片"
prop="contact_scancode_img"
>
<UploadImage
ref="uploadRef"
v-model="formData.contact_scancode_img"
:data="uoloadData"
:limit="1"
:fileSize="5"
:drag="true"
:isShowTip="false"
/>
<el-form-item :label-width="labelWidth" label="联系扫码图片" prop="contact_scancode_img">
<UploadImage ref="uploadRef" v-model="formData.contact_scancode_img" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="底部图标" prop="contact_scancode_icon">
<UploadImage ref="uploadRef" v-model="formData.contact_scancode_icon" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span='12'>
<el-form-item :label-width='labelWidth + 10' label='底部是否展示' prop='contact_scancode_status'>
<el-switch v-model='formData.contact_scancode_status' class='mt-2' inline-prompt :inactive-value=1 :active-value=2
style='--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949' />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
<el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
<el-input-number v-model="formData.contact_scancode_order" controls-position="right"
:min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="handleEditClick(formRef)"
>编辑</el-button
>
<el-button type="primary" @click="handleEditClick(formRef)">编辑</el-button>
<el-button @click="handleResetClick(formRef)">重置</el-button>
</span>
</template>
@ -92,7 +78,7 @@ watch(props, v => {
});
// 打开弹窗时执行
const openDialog = () => {};
const openDialog = () => { };
const closeDialog = () => {
props.done();

117
src/pages/index/contact_us/contact_info/contact_scancode/index.vue
View File

@ -2,9 +2,7 @@
<!-- 面包屑 -->
<el-breadcrumb>
<el-breadcrumb-item>联系方式</el-breadcrumb-item>
<el-breadcrumb-item to="/contact_scancode/list"
>联系扫码列表</el-breadcrumb-item
>
<el-breadcrumb-item to="/contact_scancode/list">联系扫码列表</el-breadcrumb-item>
</el-breadcrumb>
<el-space style="margin-bottom: 10px">
@ -30,32 +28,36 @@
</el-dropdown>
</el-space>
<!-- 数据表格 -->
<DataTable
ref="tableRef"
style="width: 100%"
:onSelectionChange="data => (selectionData = data)"
:column="column"
:params="params"
:request="params => getContactScancodeList(params)"
>
<DataTable ref="tableRef" style="width: 100%" :onSelectionChange="data => (selectionData = data)" :column="column"
:params="params" :request="params => getContactScancodeList(params)">
<template #contact_scancode_img="scope">
<el-image
v-if="scope.row.contact_scancode_img"
:src="scope.row.contact_scancode_img.split(',')[0]"
lazy
:preview-src-list="scope.row.contact_scancode_img.split(',')"
:preview-teleported="true"
:hide-on-click-modal="true"
fit="contain"
class="el-avatar"
></el-image>
<el-image v-if="scope.row.contact_scancode_img" :src="scope.row.contact_scancode_img.split(',')[0]" lazy
:preview-src-list="scope.row.contact_scancode_img.split(',')" :preview-teleported="true"
:hide-on-click-modal="true" fit="contain" class="el-avatar"></el-image>
<template v-else>暂无图片</template>
</template>
<!-- 排序 -->
<template #contact_scancode_order="scope">
<el-input-number :disabled="loading" v-model='scope.row.contact_scancode_order' controls-position="right"
@change="handleEditOrder(scope.row)" :min="1"></el-input-number>
</template>
<template #contact_scancode_icon="scope">
<el-image v-if="scope.row.contact_scancode_icon" :src="scope.row.contact_scancode_icon.split(',')[0]" lazy
:preview-src-list="scope.row.contact_scancode_icon.split(',')" :preview-teleported="true"
:hide-on-click-modal="true" fit="contain" class="el-avatar"></el-image>
<template v-else>暂无图片</template>
</template>
<!-- 排序 -->
<template #contact_scancode_order="scope">
<el-input-number :disabled="loading" v-model='scope.row.contact_scancode_order' controls-position="right"
@change="handleEditOrder(scope.row)" :min="1"></el-input-number>
</template>
<!-- 首页是否展示 -->
<template #contact_scancode_status='scope'>
<el-switch :disabled="loading" v-model="scope.row.contact_scancode_status" class="mt-2"
inline-prompt :inactive-value=1 :active-value=2
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" @click="handleEditShow(scope.row)" />
<!-- <dict-tag :options='show_status' :value='scope.row.info_article_status' /> -->
</template>
<template #chaoz="scope">
<el-space>
<el-button size="small" @click="handleUpdate(scope.row)">
@ -81,21 +83,14 @@
</DataTable>
<!-- 添加联系扫码 -->
<AddContactScancodeDialog
v-model="addContactScancodeDialogVisible"
:done="() => tableRef.reload()"
></AddContactScancodeDialog>
<AddContactScancodeDialog v-model="addContactScancodeDialogVisible" :done="() => tableRef.reload()">
</AddContactScancodeDialog>
<!-- 编辑联系扫码 -->
<EditContactScancodeDialog
v-model="EditContactScancodeDialogVisible"
:data="EditContactScancodeDialogRow"
:done="() => tableRef.reload()"
></EditContactScancodeDialog>
<EditContactScancodeDialog v-model="EditContactScancodeDialogVisible" :data="EditContactScancodeDialogRow"
:done="() => tableRef.reload()"></EditContactScancodeDialog>
<!-- 联系扫码详情 -->
<DetailContactScancodeDialog
v-model="DetailContactScancodeDialogVisible"
:data="DetailContactScancodeDialogRow"
></DetailContactScancodeDialog>
<DetailContactScancodeDialog v-model="DetailContactScancodeDialogVisible" :data="DetailContactScancodeDialogRow">
</DetailContactScancodeDialog>
</template>
<script setup>
import { ArrowDown } from '@element-plus/icons-vue';
@ -142,6 +137,16 @@ const column = [
label: '联系扫码图片',
width: '150'
},
{
prop: 'contact_scancode_icon',
label: '底部图标',
width: '150'
},
{
prop: 'contact_scancode_status',
label: '是否在底部展示',
width: '150'
},
{
prop: 'contact_scancode_order',
label: '联系扫码排序',
@ -156,18 +161,6 @@ const column = [
];
//排序
const loading = ref(false)
async function handleEditOrder(data) {
loading.value = true
const { code } = await editContactScancode(data);
if (code == 0) {
loading.value = false
tableRef.value.reload()
}
}
const handleCommand = ({ type, row }) => {
switch (type) {
case 'detail':
@ -202,4 +195,26 @@ function handleDetail(row) {
DetailContactScancodeDialogVisible.value = true;
DetailContactScancodeDialogRow.value = row;
}
//排序
const loading = ref(false)
async function handleEditOrder(data) {
loading.value = true
const { code } = await editContactScancode(data);
if (code == 0) {
loading.value = false
tableRef.value.reload()
}
}
// 开关
async function handleEditShow(data) {
loading.value = true
const { code } = await editinfoArticle(data);
if (code == 0) {
loading.value = false
tableRef.value.reload()
}
}
</script>

91
src/pages/index/honorary_achievement/school/school_category/components/AddSchoolCategoryDialog.vue
View File

@ -1,83 +1,40 @@
<template>
<el-dialog
v-model="dialogVisible"
title="添加录取院校分类"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-dialog v-model="dialogVisible" title="添加录取院校分类" width="900px" @closed="closeDialog" @open="openDialog">
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item
:label-width="labelWidth"
label="标题"
prop="school_category_title"
>
<el-input
v-model="formData.school_category_title"
type="text"
placeholder="请输入标题"
></el-input>
<el-form-item :label-width="labelWidth" label="标题" prop="school_category_title">
<el-input v-model="formData.school_category_title" type="text" placeholder="请输入标题"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label-width="labelWidth"
label="名称"
prop="school_category_name"
>
<el-input
v-model="formData.school_category_name"
type="text"
placeholder="请输入名称"
></el-input>
<el-form-item :label-width="labelWidth" label="名称" prop="school_category_name">
<el-input v-model="formData.school_category_name" type="text" placeholder="请输入名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="图片"
prop="school_category_img"
>
<UploadImage
ref="uploadRef"
v-model="formData.school_category_img"
:data="uoloadData"
:limit="1"
:fileSize="5"
:drag="true"
:isShowTip="false"
/>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="图片" prop="school_category_img">
<UploadImage ref="uploadRef" v-model="formData.school_category_img" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="首页Icon" prop="school_category_img">
<UploadImage ref="uploadRef" v-model="formData.school_category_icon" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label-width="labelWidth"
label="排序"
prop="school_category_sort"
>
<el-input-number
v-model="formData.school_category_sort"
controls-position="right"
:min="1"
></el-input-number>
<el-form-item :label-width="labelWidth" label="排序" prop="school_category_sort">
<el-input-number v-model="formData.school_category_sort" controls-position="right" :min="1"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="首页是否展示" prop="school_category_status">
<el-select
v-model="formData.school_category_status"
clearable
placeholder="请选择"
>
<el-option
v-for="item in show_status"
:key="item.dictionary_guid"
:label="item.dictionary_name"
:value="item.dictionary_value"
></el-option>
<el-select v-model="formData.school_category_status" clearable placeholder="请选择">
<el-option v-for="item in show_status" :key="item.dictionary_guid" :label="item.dictionary_name"
:value="item.dictionary_value"></el-option>
</el-select>
</el-form-item>
</el-col>
@ -86,9 +43,7 @@
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="handleAddClick(formRef)"
>添加</el-button
>
<el-button type="primary" @click="handleAddClick(formRef)">添加</el-button>
<el-button @click="handleResetClick(formRef)">重置</el-button>
</span>
</template>
@ -97,7 +52,7 @@
<script setup>
import { reactive, ref, watch } from 'vue';
import { addSchoolCategory,getDictionary } from '~/service/school_category';
import { addSchoolCategory, getDictionary } from '~/service/school_category';
import { useLoginStore } from '~/store';
// --业务参数
@ -161,7 +116,7 @@ const rules = reactive({
// --基础方法
// 打开弹窗时执行
const openDialog = () => {};
const openDialog = () => { };
const closeDialog = () => {
handleResetClick(formRef.value);

8
src/pages/index/honorary_achievement/school/school_category/components/DetailSchoolCategoryDialog.vue
View File

@ -14,12 +14,18 @@
<el-input v-model='formData.school_category_name' type="text" placeholder='请输入名称'></el-input>
</el-form-item>
</el-col>
<el-col :span='24'>
<el-col :span='12'>
<el-form-item :label-width='labelWidth' label='图片' prop='school_category_img'>
<UploadImage ref='uploadRef' v-model='formData.school_category_img' :data=uoloadData :limit='1' :fileSize='5'
:drag='true' :isShowTip='false' />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="首页Icon" prop="school_category_img">
<UploadImage ref="uploadRef" v-model="formData.school_category_icon" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="school_category_sort">

8
src/pages/index/honorary_achievement/school/school_category/components/EditSchoolCategoryDialog.vue
View File

@ -14,12 +14,18 @@
<el-input v-model='formData.school_category_name' type="text" placeholder='请输入名称'></el-input>
</el-form-item>
</el-col>
<el-col :span='24'>
<el-col :span='12'>
<el-form-item :label-width='labelWidth' label='图片' prop='school_category_img'>
<UploadImage ref='uploadRef' v-model='formData.school_category_img' :data=uoloadData :limit='1' :fileSize='5'
:drag='true' :isShowTip='false' />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="首页Icon" prop="school_category_img">
<UploadImage ref="uploadRef" v-model="formData.school_category_icon" :data="uoloadData" :limit="1"
:fileSize="5" :drag="true" :isShowTip="false" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="school_category_sort">

8
src/pages/index/honorary_achievement/school/school_category/index.vue
View File

@ -63,6 +63,14 @@
<template v-else>暂无图片</template>
</template>
</el-table-column>
<el-table-column prop="school_category_icon" width="200" label="首页Icon" align="center">
<template #default="scope">
<el-image v-if="scope.row.school_category_icon" :src="scope.row.school_category_icon.split(',')[0]" lazy
:preview-src-list="scope.row.school_category_icon.split(',')" :preview-teleported="true"
:hide-on-click-modal="true" fit="contain" class="el-avatar"></el-image>
<template v-else>暂无图片</template>
</template>
</el-table-column>
<el-table-column sortable prop="school_category_sort" width="200" label="排序" sort>
<template #default="scope">
<el-input-number v-model='scope.row.school_category_sort' controls-position="right" :min="1"