angelo
/
web-retail-admin
3
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(banner): banner可根据体系配置

This commit is contained in:
woody 2025-08-01 14:47:02 +08:00
parent 5b3b18c1da
commit 6d82019fe0
1 changed files with 68 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
src/views/configManage/advertisementBanner/index.vue
View File

@ -9,7 +9,7 @@
<div class="thetopbox">
<el-form ref="form" :model="queryParams" label-width="100px">
<el-row>
<el-col :span="4" style="margin-left: -30px">
<!-- <el-col :span="4" style="margin-left: -30px">
<el-form-item :label="'位置'" prop="status">
<el-select v-model="queryParams.sendType" clearable placeholder="">
<el-option
@ -20,6 +20,21 @@
/>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="4" style="margin-left: -30px">
<el-form-item
label="隶属体系"
prop="status"
>
<el-select v-model="queryParams.pkVertex" clearable placeholder="">
<el-option
v-for="item in vertexList"
:key="item.pkId"
:label="item.vertexName"
:value="item.pkId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'发送时间'" prop="creationTime">
@ -35,7 +50,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'生效日期'" prop="creationTime">
<el-form-item :label="'创建时间'" prop="creationTime">
<el-date-picker
v-model="modifiedTime1"
value-format="yyyy-MM-dd"
@ -49,7 +64,7 @@
</el-col>
<el-col :span="4">
<div class="searchbox">
<el-button class="my_search" @click="research()" style="margin-left: 40px"> {{ '搜索' }}</el-button>
<el-button class="my_search" style="margin-left: 40px" @click="research()"> {{ '搜索' }}</el-button>
<el-button class="my_reset" @click="reChongzhi"> {{ '重置' }}</el-button>
</div>
</el-col>
@ -59,13 +74,13 @@
<div class="main">
<div class="maintop">
<div class="mainbtn">
<el-button size="small" style="background-color: #48B2FD" class="thebtn1" @click="addRules">{{'添加'}}</el-button>
<el-button size="small" style="background-color: #48B2FD" class="thebtn1" @click="addRules">{{ '添加' }}</el-button>
</div>
</div>
<div class="maintable">
<el-table
:data="tableData"
v-loading="loading"
:data="tableData"
height="730px"
style="width: 100%"
:header-cell-style="{ background: '#EEEEEE' }"
@ -75,25 +90,26 @@
>
<el-table-column type="selection" width="55" />
<el-table-column align="center" prop="sort" :label="'排序'" />
<el-table-column align="center" prop="phone" :label="'图片'" >
<el-table-column align="center" prop="phone" :label="'图片'">
<template slot-scope="scope">
<img :src="scope.row.picture" style="width: 44px;height: 44px;border-radius: 8px" />
<img :src="scope.row.picture" style="width: 44px;height: 44px;border-radius: 8px">
</template>
</el-table-column>
<el-table-column align="center" prop="positionVal" :label="'位置'" />
<!-- <el-table-column align="center" prop="positionVal" :label="'位置'" /> -->
<el-table-column align="center" prop="vertexName" label="隶属体系" />
<el-table-column align="center" prop="link" :label="'链接'" />
<el-table-column align="center" prop="creationTime" :label="'创建日期'" />
<el-table-column align="center" prop="effectiveDate" :label="'生效日期'" />
<el-table-column align="center" :label="'操作'" width="150">
<template slot-scope="scope">
<el-button
<!-- <el-button
class="colors"
type="text"
style="color: #108EE9"
size="small"
@click.native.prevent="moveUp(scope.row)"
>
{{'上移'}}
{{ '上移' }}
</el-button>
<el-button
class="colors"
@ -102,7 +118,7 @@
style="color: #108EE9"
@click.native.prevent="moveDown(scope.row)"
>
{{'下移'}}
{{ '下移' }}
</el-button>
<el-button
class="colors"
@ -111,8 +127,8 @@
style="color: #009B58"
@click.native.prevent="updateTop(scope.row)"
>
{{'置顶'}}
</el-button>
{{ '置顶' }}
</el-button> -->
<el-button
class="colors"
type="text"
@ -120,7 +136,7 @@
style="color: #FFAD41"
@click.native.prevent="updateShow(scope.row)"
>
{{ '查看' }}
{{ '编辑' }}
</el-button>
<el-button
class="colors"
@ -170,6 +186,16 @@
:placeholder="'请输入'"
/>
</el-form-item>
<el-form-item label="隶属体系" prop="pkVertex">
<el-select v-model="table.pkVertex" clearable placeholder="">
<el-option
v-for="item in vertexList"
:key="item.pkId"
:label="item.vertexName"
:value="item.pkId"
/>
</el-select>
</el-form-item>
<el-form-item :label="'生效日期'" prop="effectiveDate">
<el-date-picker
v-model="table.effectiveDate"
@ -201,12 +227,21 @@
<script>
import topBar from '@/components/topBar'
import { getbdmenuList, getPubenumsList } from '@/api/system'
import { getPubenumsList } from '@/api/system'
import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
import * as api from '@/api/sms.js'
import { Message } from 'element-ui'
import { deleteAgreement } from '@/api/configManage'
import ImageUpload from '@/components/ImageUpload'
import { getvertexValue } from '@/api/member'
const initForm = {
position: 1,
picture: '',
sort: '',
effectiveDate: '',
link: '',
pkVertex: ''
}
export default {
name: 'Qxpz',
components: {
@ -215,8 +250,8 @@ export default {
},
data() {
return {
modifiedTime:[],
modifiedTime1:[],
modifiedTime: [],
modifiedTime1: [],
title: '添加',
forms: '',
rules: {
@ -236,7 +271,9 @@ export default {
{ required: true, message: '请输入链接', trigger: 'blur' }
]
},
table: { position: '', picture: '', sort: '', effectiveDate: '', link: '' },
table: {
...initForm
},
ruleShow: false,
moren: 'advertisementBanner',
topList: [
@ -260,20 +297,26 @@ export default {
statusList: [{ 'name': '立即发送', 'id': '1' }, { 'name': '定时发送', 'id': '2' }],
statusList1: [{ 'name': '未发送', 'id': '0' }, { 'name': '已发送', 'id': '1' }],
menuOptions: [],
loading:false,
loading: false,
tableData: [],
total: 0,
types: '',
formId: '',
getPostionList: []
getPostionList: [],
vertexList: []
}
},
created() {
this.research()
this.getPostion()
this.getvertexValue()
},
methods: {
// 置顶
getvertexValue() {
getvertexValue().then((res) => {
this.vertexList = res.data
})
},
updateTop(item) {
api.getPostion({ 'pkId': item.pkId }).then((res) => {
if (res.code == '200') {
@ -332,8 +375,7 @@ export default {
api.getBannerDetails(item.pkId).then((res) => {
if (res.code === 200) {
this.ruleShow = true
this.table = { position: res.data.position, picture: res.data.picture,
sort: res.data.sort, effectiveDate: res.data.effectiveDate, link: res.data.link }
this.table = res.data
} else {
Message({
message: res.msg,
@ -381,7 +423,7 @@ export default {
type: 'success'
})
that.ruleShow = false
that.table = { position: '', picture: '', sort: '', effectiveDate: '', link: '' }
that.table = { ...initForm }
that.research()
} else {
Message({
@ -400,7 +442,7 @@ export default {
type: 'success'
})
that.ruleShow = false
that.table = { position: '', picture: '', sort: '', effectiveDate: '', link: '' }
that.table = { ...initForm }
that.research()
} else {
Message({