tangzheng/prepare_food_admin_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成茶株游戏

Browse Source
This commit is contained in:
闵宪瑞 2024-11-18 17:34:00 +08:00
parent a312c9e95a
commit 8a63422688
5 changed files with 79 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/layout/components/Sidebar/index.vue
View File

@ -12,19 +12,20 @@
:collapse-transition="true" :collapse-transition="true"
mode="vertical" mode="vertical"
> >
<sidebar-item v-for="route in sidebarRouters" :key="route.url" :item="route" :base-path="route.url" /> <sidebar-item v-for="route in sidebarRouters" :key="route.url" :item="route" :base-path="route.url" />
</el-menu> </el-menu>
</el-scrollbar> </el-scrollbar>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters,mapState } from 'vuex' import {mapGetters, mapState} from 'vuex'
import Logo from './Logo' import Logo from './Logo'
import SidebarItem from './SidebarItem' import SidebarItem from './SidebarItem'
import variables from '@/styles/variables.scss' import variables from '@/styles/variables.scss'
export default { export default {
components: { SidebarItem, Logo }, components: {SidebarItem, Logo},
computed: { computed: {
...mapState(["settings"]), ...mapState(["settings"]),
...mapGetters([ ...mapGetters([
@ -34,7 +35,7 @@ export default {
]), ]),
activeMenu() { activeMenu() {
const route = this.$route const route = this.$route
const { meta, path } = route const {meta, path} = route
// if set path, the sidebar will highlight the path you set // if set path, the sidebar will highlight the path you set
if (meta.activeMenu) { if (meta.activeMenu) {
return meta.activeMenu return meta.activeMenu
@ -54,8 +55,8 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.el-submenu__icon-arrow{ .el-submenu__icon-arrow {
color: #fff !important; color: #fff !important;
} }
</style> </style>

11
src/views/marketing/lottery/config/index.vue
View File

@ -326,12 +326,13 @@
<el-form-item label="内容" prop="content"> <el-form-item label="内容" prop="content">
<Tinymce v-model="teaPlants.content"></Tinymce> <Tinymce v-model="teaPlants.content"></Tinymce>
</el-form-item> </el-form-item>
<!-- <el-form-item label="热门标识" prop="isHot">--> <!-- <el-form-item label="热门标识" prop="isHot">-->
<!-- <el-input v-model="teaPlants.isHot" placeholder="请输入热门标识"></el-input>--> <!-- <el-input v-model="teaPlants.isHot" placeholder="请输入热门标识"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="热门显示天数" prop="hotDay"> <el-form-item label="热门显示天数" prop="hotDay">
<el-input-number v-model="teaPlants.hotDay" :min="0" :max="365" placeholder="请输入热门显示天数"></el-input-number> <el-input-number v-model="teaPlants.hotDay" :min="0" :max="365"
placeholder="请输入热门显示天数"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-hasPermi="['admin:game:update']" type="primary" @click="submitForm">提交</el-button> <el-button v-hasPermi="['admin:game:update']" type="primary" @click="submitForm">提交</el-button>
@ -510,7 +511,7 @@ export default {
case 'pi4': case 'pi4':
_this.teaPlants.hotImage = img[0].sattDir; _this.teaPlants.hotImage = img[0].sattDir;
break; break;
case 'pi6': case 'pi6':
_this.specsData.image = img[0].sattDir; _this.specsData.image = img[0].sattDir;
break; break;
case 'pi5': case 'pi5':

65
src/views/marketing/raffle/config/index.vue
View File

@ -7,10 +7,21 @@
<div class="clearfix"> <div class="clearfix">
<div class="container"> <div class="container">
<el-form :model="specsData" label-width="120px" class="stage-form"> <el-form :model="specsData" label-width="120px" class="stage-form">
<el-form-item label="活动名称" prop="name"> <el-form-item label="抽奖名称" prop="name">
<el-input v-model="specsData.name"></el-input> <el-input v-model="specsData.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="活动开始时间" prop="beginTime">
<!-- <el-form-item label="背景图片" prop="id">-->
<!-- <div class="upLoadPicBox" @click="modalPicTap('1','pi6')">-->
<!-- <div v-if="specsData.image" class="pictrue">-->
<!-- <img :src="specsData.image"></div>-->
<!-- <div v-else class="upLoad">-->
<!-- <i class="el-icon-camera cameraIconfont"/>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-form-item>-->
<el-form-item label="抽奖开始时间" prop="beginTime">
<el-date-picker <el-date-picker
v-model="specsData.beginTime" v-model="specsData.beginTime"
type="datetime" type="datetime"
@ -18,7 +29,7 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="活动结束时间" prop="endTime"> <el-form-item label="抽奖结束时间" prop="endTime">
<el-date-picker <el-date-picker
v-model="specsData.endTime" v-model="specsData.endTime"
type="datetime" type="datetime"
@ -31,8 +42,6 @@
</div> </div>
</el-card> </el-card>
<div class="mt20"></div> <div class="mt20"></div>
<el-table <el-table
:data="specsData.items" :data="specsData.items"
style="width: 100%;"> style="width: 100%;">
@ -83,6 +92,12 @@
align="center" align="center"
label="数量"> label="数量">
</el-table-column> </el-table-column>
<el-table-column
prop="productPrice"
header-align="center"
align="center"
label="价值">
</el-table-column>
<el-table-column <el-table-column
prop="lotteryRate" prop="lotteryRate"
@ -101,6 +116,23 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="mt20"></div>
<!-- <div style="width: 200px;">-->
<!-- 抽奖状态：{{specsData.status}}-->
<!-- <el-switch-->
<!-- v-model="specsData.status"-->
<!-- active-value="0"-->
<!-- inactive-value="1"-->
<!-- active-color="#13ce66"-->
<!-- inactive-color="#ff4949"-->
<!-- >-->
<!-- </el-switch>-->
<!-- </div>-->
<div class="mt20"></div> <div class="mt20"></div>
<el-button type="primary" @click="submit()">提交修改</el-button> <el-button type="primary" @click="submit()">提交修改</el-button>
<el-dialog <el-dialog
@ -117,6 +149,11 @@
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="teaPlants.id == 7" label="优惠券">
<el-input v-model="teaPlants.productId"/>
</el-form-item>
<el-form-item label="奖品名称"> <el-form-item label="奖品名称">
<el-input v-model="teaPlants.productName"/> <el-input v-model="teaPlants.productName"/>
</el-form-item> </el-form-item>
@ -130,6 +167,9 @@
<el-form-item label="奖品概率"> <el-form-item label="奖品概率">
<el-input type="number" v-model="teaPlants.lotteryRate"/> <el-input type="number" v-model="teaPlants.lotteryRate"/>
</el-form-item> </el-form-item>
<el-form-item label="奖品价值">
<el-input type="number" v-model="teaPlants.productPrice"/>
</el-form-item>
<el-form-item> <el-form-item>
<el-button v-hasPermi="['admin:game:update']" type="primary" @click="submitForm">提交</el-button> <el-button v-hasPermi="['admin:game:update']" type="primary" @click="submitForm">提交</el-button>
</el-form-item> </el-form-item>
@ -243,7 +283,7 @@ export default {
this.gameFrom.cid = this.specsData.cid this.gameFrom.cid = this.specsData.cid
this.gameFrom.id = this.specsData.id this.gameFrom.id = this.specsData.id
//todo //todo
this.gameFrom.image = "茶株游戏不需要图片" this.gameFrom.image = "抽奖游戏不需要图片"
this.gameFrom.name = this.specsData.name this.gameFrom.name = this.specsData.name
gamesUpdateApi(this.gameFrom).then(() => { gamesUpdateApi(this.gameFrom).then(() => {
this.$message.success('操作成功'); this.$message.success('操作成功');
@ -270,6 +310,9 @@ export default {
case 'pi5': case 'pi5':
_this.teaPlants.productImage = img[0].sattDir; _this.teaPlants.productImage = img[0].sattDir;
break; break;
case 'pi6':
_this.specsData.image = img[0].sattDir;
break;
} }
} }
}, tit, 'content'); }, tit, 'content');
@ -293,14 +336,8 @@ export default {
</script> </script>
<style scoped> <style scoped>
.input-row { .container{
display: flex; /* 使用 Flex 布局 */ width: 340px;
align-items: center; /* 垂直居中 */
gap: 5px; /* 控制子元素之间的间距 */
}
.input-item {
flex: 1; /* 控制输入框的宽度，如果需要调整大小比例可以设置 flex 属性 */
} }
</style> </style>

15
src/views/marketing/raffle/index.vue
View File

@ -1,15 +0,0 @@
<template>
<div>
<router-view />
</div>
</template>
<script>
export default {
}
</script>
<style lang="sass" scoped>
</style>

27
src/views/systemSetting/setting/index.vue
View File

@ -1,17 +1,19 @@
<template> <template>
<div class="divBox"> <div class="divBox">
<el-card class="box-card"> <el-card class="box-card">
<el-tabs v-model="activeNamel1" @tab-click="handleTabClick" v-loading="loading" v-if="checkPermi(['admin:system:config:info'])"> <el-tabs v-model="activeNamel1" @tab-click="handleTabClick" v-loading="loading" v-if="checkPermi(['admin:system:config:info'])">
<el-tab-pane <el-tab-pane
v-for="tab,index in treeList" v-for="(tab,index) in treeList"
:key="index" :key="index"
:label="tab.name" :label="tab.name"
:name="tab.id.toString()"> :name="tab.id.toString()">
<template> <template>
<el-tabs v-if="tab.child.length > 0" v-model="activeNamel2"
<el-tabs v-model="activeNamel2"
type="border-card" @tab-click="handleItemTabClick"> type="border-card" @tab-click="handleItemTabClick">
<el-tab-pane <el-tab-pane
v-for="tabItem,itemIndex in tab.child" v-for="(tabItem,itemIndex) in tab.child"
:key="itemIndex" :key="itemIndex"
:label="tabItem.name" :label="tabItem.name"
:name="tabItem.extra" :name="tabItem.extra"
@ -25,22 +27,21 @@
/> />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<span v-else> <!-- <span v-else>-->
<parser <!-- <parser-->
v-if="formConf.render" <!-- v-if="formConf.render"-->
:is-edit="formConf.isEdit" <!-- :is-edit="formConf.isEdit"-->
:form-conf="formConf.content" <!-- :form-conf="formConf.content"-->
:form-edit-data="currentEditData" <!-- :form-edit-data="currentEditData"-->
@submit="handlerSubmit" <!-- @submit="handlerSubmit"-->
/> <!-- />-->
</span> <!-- </span>-->
</template> </template>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</el-card> </el-card>
</div> </div>
</template> </template>
<script> <script>
import parser from '@/components/FormGenerator/components/parser/Parser' import parser from '@/components/FormGenerator/components/parser/Parser'
import * as categoryApi from '@/api/categoryApi.js' import * as categoryApi from '@/api/categoryApi.js'