flat: 广告管理修改

This commit is contained in:
Apcallover
2024-04-19 16:17:49 +08:00
parent 03e881162e
commit 21ca5f6eaf
2 changed files with 189 additions and 184 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div class="title">{{menuDetail.menuName}}</div> <!-- <div class="title">{{menuDetail.menuName}}</div>-->
<avue-crud <avue-crud
:option="option" :option="option"
:table-loading="loading" :table-loading="loading"
@@ -38,7 +38,8 @@
</avue-crud> </avue-crud>
<el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%"> <el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%">
<avue-form :option="formOption" :upload-before="uploadBefore" v-model="formDrawer" @submit="handleSubmit" ref="form"> <avue-form :option="formOption" :upload-before="uploadBefore" v-model="formDrawer" @submit="handleSubmit"
ref="form">
</avue-form> </avue-form>
</el-drawer> </el-drawer>
@@ -57,6 +58,7 @@
getCarouselMovedown, getCarouselMovedown,
getCarouselMoveFirst, getCarouselMoveFirst,
} from '@/api/help/advertisement/advertisementBody' } from '@/api/help/advertisement/advertisementBody'
const wxStatus = process.env.VUE_APP_SITE const wxStatus = process.env.VUE_APP_SITE
export default { export default {
@@ -381,11 +383,9 @@ export default {
move(type, row) { move(type, row) {
if (type === 'up') { if (type === 'up') {
this.moveUp(JSON.stringify(row)) this.moveUp(JSON.stringify(row))
} else } else if (type === 'down') {
if (type === 'down') {
this.moveDown(JSON.stringify(row)) this.moveDown(JSON.stringify(row))
} else } else if (type === 'first') {
if (type === 'first') {
this.moveFirst(JSON.stringify(row)) this.moveFirst(JSON.stringify(row))
} }
}, },
@@ -417,8 +417,7 @@ export default {
}) })
} }
}, },
computed: { computed: {}
}
} }
</script> </script>

View File

@@ -1,25 +1,27 @@
<template> <template>
<div> <div>
<basic-container> <basic-container>
<div style="border-bottom: 1px solid #1890FF;"> <!-- <div style="border-bottom: 1px solid #1890FF;">-->
<button class="btn" v-for="item in titleList" :key="item.name" :class="item.select ? 'primary' : ''" @click="titleActive(item)">{{item.name}}</button> <!-- <button class="btn" v-for="item in titleList" :key="item.name" :class="item.select ? 'primary' : ''"-->
</div> <!-- @click="titleActive(item)">{{ item.name }}-->
<div style="height: 23px;"></div> <!-- </button>-->
<!-- </div>-->
<!-- <div style="height: 23px;"></div>-->
<div class="recommendBody"> <div class="recommendBody">
<div v-if="status" class="leftBox"> <!-- <div v-if="status" class="leftBox">-->
<!-- <menuLeft :menu="menu" :loading="leftLoading" @change="menuVal"></menuLeft> --> <!-- &lt;!&ndash; <menuLeft :menu="menu" :loading="leftLoading" @change="menuVal"></menuLeft> &ndash;&gt;-->
<el-menu> <!-- <el-menu>-->
<el-menu-item v-for="(item, index) in menuList" :key="index" :index="index +1" @click="menuVal(item)"> <!-- <el-menu-item v-for="(item, index) in menuList" :key="index" :index="index +1" @click="menuVal(item)">-->
<div slot="title" style="display: flex;justify-content: space-between;align-items: center;"> <!-- <div slot="title" style="display: flex;justify-content: space-between;align-items: center;">-->
<span>{{item.name}}</span> <!-- <span>{{item.name}}</span>-->
<!-- <el-switch v-model="item.status"></el-switch>--> <!-- &lt;!&ndash; <el-switch v-model="item.status"></el-switch>&ndash;&gt;-->
</div> <!-- </div>-->
</el-menu-item> <!-- </el-menu-item>-->
</el-menu> <!-- </el-menu>-->
</div> <!-- </div>-->
<div v-else class="leftBox"> <!-- <div v-else class="leftBox">-->
<!-- -->
</div> <!-- </div>-->
<div class="containerWrap"> <div class="containerWrap">
<advertisement-body ref="advertisementBody" :menuDetail="menuDetail"></advertisement-body> <advertisement-body ref="advertisementBody" :menuDetail="menuDetail"></advertisement-body>
@@ -119,16 +121,19 @@
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
} }
.containerWrap { .containerWrap {
padding-top: 0 !important; padding-top: 0 !important;
flex: 1; flex: 1;
overflow: auto; overflow: auto;
} }
.leftBox { .leftBox {
width: 260px; width: 260px;
background: #FAFAFA; background: #FAFAFA;
margin-right: 23px; margin-right: 23px;
} }
.btn { .btn {
width: 144px; width: 144px;
height: 32px; height: 32px;
@@ -143,6 +148,7 @@
margin-right: 16px; margin-right: 16px;
} }
.primary { .primary {
background-color: #1890FF !important; background-color: #1890FF !important;
color: #FFFFFF !important; color: #FFFFFF !important;