wangyifang
/
h5-service-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

武汉大学抽奖

Browse Source
master
xy 2 years ago
parent 2fb3e9cec0
commit bada234451
5 changed files with 239 additions and 229 deletions
Show Stats Download Patch File Download Diff File

BIN
src/assets/xhxcelsh/result-title.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 20 KiB

BIN
src/assets/xhxcelsh/start-title-bkg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 21 KiB

4
src/views/activity/activityUser.vue
Unescape View File

@ -85,6 +85,10 @@
} }
}, { }, {
prop: 'type',
label: '类型',
width: 100
},{
prop: 'top_department_id', prop: 'top_department_id',
label: '排名', label: '排名',
align: 'center', align: 'center',

440
src/views/activity/components/addActivityUser.vue
Unescape View File

@ -1,159 +1,163 @@
<template> <template>
<div> <div>
<!-- 编辑--> <!-- 编辑-->
<xy-dialog :is-show.sync="isShow" title="项目用户编辑" type="form" :form="detail" :rules="rules" @submit="editor" <xy-dialog :is-show.sync="isShow" title="项目用户编辑" type="form" :form="detail" :rules="rules" @submit="editor"
ref="addActivity"> ref="addActivity">
<template v-slot:name> <template v-slot:name>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label"> <div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>用户名称 <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>用户名称
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-input clearable placeholder="请填写用户名称" v-model="detail.name" style="width: 300px;" /> <el-input clearable placeholder="请填写用户名称" v-model="detail.name" style="width: 300px;" />
</div> </div>
</div> </div>
</template> </template>
<template v-slot:mobile> <template v-slot:type>
<div class="xy-table-item"> <div class="xy-table-item">
<div class="xy-table-item-label"> <div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>手机号 <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>类型
</div> </div>
<div class="xy-table-item-content"> <div class="xy-table-item-content">
<el-input clearable placeholder="请填写手机号" v-model="detail.mobile" style="width: 300px;" /> <el-input clearable placeholder="请填写类型" v-model="detail.type" style="width: 300px;" />
</div> </div>
</div> </div>
</template> </template>
<template v-slot:mobile>
<template v-slot:username> <div class="xy-table-item">
<div class="xy-table-item"> <div class="xy-table-item-label">
<div class="xy-table-item-label"> <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>手机号
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>登录账号 </div>
</div> <div class="xy-table-item-content">
<div class="xy-table-item-content"> <el-input clearable placeholder="请填写手机号" v-model="detail.mobile" style="width: 300px;" />
<el-input clearable placeholder="请填写登录账号" v-model="detail.username" style="width: 300px;" /> </div>
</div> </div>
</div> </template>
</template>
<template v-slot:username>
<div class="xy-table-item">
<template v-slot:password> <div class="xy-table-item-label">
<div class="xy-table-item"> <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>登录账号
<div class="xy-table-item-label"> </div>
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>用户密码 <div class="xy-table-item-content">
</div> <el-input clearable placeholder="请填写登录账号" v-model="detail.username" style="width: 300px;" />
<div class="xy-table-item-content"> </div>
<el-input clearable placeholder="请填写用户密码" type="password" v-model="detail.password" style="width: 300px;" /> </div>
</div> </template>
</div>
</template>
<template v-slot:password>
<template v-show="!sysInfo" v-slot:activity_list_id> <div class="xy-table-item">
<div class="xy-table-item"> <div class="xy-table-item-label">
<div class="xy-table-item-label"> <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>用户密码
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>相关项目 </div>
</div> <div class="xy-table-item-content">
<div class="xy-table-item-content"> <el-input clearable placeholder="请填写用户密码" type="password" v-model="detail.password" style="width: 300px;" />
<el-select clearable v-model="detail.activity_list_id"> </div>
<el-option v-for="(item,index) of listActivity" :key="item.id" :value="item.id" :label="item.name"> </div>
</el-option> </template>
</el-select>
</div> <template v-show="!sysInfo" v-slot:activity_list_id>
</div> <div class="xy-table-item">
</template> <div class="xy-table-item-label">
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>相关项目
</div>
<template v-slot:status> <div class="xy-table-item-content">
<div class="xy-table-item"> <el-select clearable v-model="detail.activity_list_id">
<div class="xy-table-item-label">状态 <el-option v-for="(item,index) of listActivity" :key="item.id" :value="item.id" :label="item.name">
</div> </el-option>
<div class="xy-table-item-content"> </el-select>
<el-select clearable v-model="detail.status"> </div>
<el-option :value="1" label="启用"></el-option> </div>
<el-option :value="0" label="禁用"></el-option> </template>
</el-select>
</div>
</div> <template v-slot:status>
</template> <div class="xy-table-item">
<div class="xy-table-item-label">状态
</xy-dialog> </div>
<div class="xy-table-item-content">
</div> <el-select clearable v-model="detail.status">
</template> <el-option :value="1" label="启用"></el-option>
<el-option :value="0" label="禁用"></el-option>
<script> </el-select>
import { </div>
save, </div>
show </template>
} from "@/api/activity/activityUser";
</xy-dialog>
export default {
props: { </div>
listActivity: Array </template>
},
data() { <script>
import {
save,
show
} from "@/api/activity/activityUser";
export default {
props: {
listActivity: Array
},
data() {
return { return {
sysInfo:null, sysInfo:null,
isShow: false, isShow: false,
id: "", id: "",
type: "add", type: "add",
detail: { detail: {
activity_list_id: "", activity_list_id: "",
username: "", username: "",
password: "", password: "",
name: "", name: "",
mobile: "", mobile: "",
status: 1 type: "",
}, status: 1
rules: { },
name: [{ rules: {
required: true,
message: "用户名称必填写" }
}],
tag: [{ }
required: true, },
message: "登录账号必填" watch: {
}], isShow(newVal) {
} if (newVal) {
if (this.type === 'editor') {
} this.getDetail()
}, }
watch: { } else {
isShow(newVal) { this.id = ''
if (newVal) { this.type = ''
if (this.type === 'editor') { this.$refs['addActivity'].reset()
this.getDetail() }
} }
} else { },
this.id = '' methods: {
this.type = '' async getDetail() {
this.$refs['addActivity'].reset() let res = await show({
} id: this.id
} })
}, Object.assign(this.detail, res);
methods: { this.detail.activity_list_id = parseInt(res.activity_list_id)
async getDetail() { },
let res = await show({ editor() {
id: this.id save(this.detail).then(res => {
}) this.isShow = false
Object.assign(this.detail, res); this.$Message.success("操作成功");
this.detail.activity_list_id = parseInt(res.activity_list_id) this.$emit('refresh')
}, })
editor() { },
save(this.detail).then(res => {
this.isShow = false },
this.$Message.success("操作成功"); computed: {
this.$emit('refresh')
}) },
}, mounted() {
},
computed: {
},
mounted() {
let that = this; let that = this;
let sysInfo = sessionStorage.getItem('sys_info') let sysInfo = sessionStorage.getItem('sys_info')
if (sysInfo && sysInfo != "") { if (sysInfo && sysInfo != "") {
@ -162,66 +166,66 @@
that.select.activity_list_id = _sys.id; that.select.activity_list_id = _sys.id;
that.sysInfo=_sys; that.sysInfo=_sys;
} }
} }
} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.contract-add-plan { .contract-add-plan {
min-height: 30px; min-height: 30px;
border: 1px solid #dcdee2; border: 1px solid #dcdee2;
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
align-content: center; align-content: center;
padding: 0 8px; padding: 0 8px;
&-no-plan { &-no-plan {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
color: #CDD0D5; color: #CDD0D5;
} }
} }
.xy-table-item-label { .xy-table-item-label {
width: 140px; width: 140px;
} }
.xy-table-item-price { .xy-table-item-price {
position: relative; position: relative;
&::after { &::after {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
content: '（元）' content: '（元）'
} }
::v-deep .el-input__clear { ::v-deep .el-input__clear {
position: relative; position: relative;
right: 30px; right: 30px;
z-index: 2; z-index: 2;
} }
} }
.xy-table-item-price-wan { .xy-table-item-price-wan {
position: relative; position: relative;
&::after { &::after {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
content: '（万元）' content: '（万元）'
} }
::v-deep .el-input__clear { ::v-deep .el-input__clear {
position: relative; position: relative;
right: 46px; right: 46px;
z-index: 2; z-index: 2;
} }
} }
</style> </style>

24
src/views/page/xhxcelshDraw.vue
Unescape View File

@ -44,7 +44,7 @@
<div class="mask"></div> <div class="mask"></div>
<div style="display: flex;flex-direction: column;justify-content: center;align-items: center;" :style="{ transform: mixinTransform }"> <div style="display: flex;flex-direction: column;justify-content: center;align-items: center;" :style="{ transform: mixinTransform }">
<div class="start-container__title"> <div class="start-container__title">
{{ product.price_item }}{{ product.total }}名 {{ product.price_item }}
</div> </div>
<img class="start-container__shop" :src="product.image_file ? product.image_file.url : ''" alt=""> <img class="start-container__shop" :src="product.image_file ? product.image_file.url : ''" alt="">
@ -72,7 +72,7 @@
</div> </div>
<div class="title"> <div class="title">
{{ product.price_item }}{{ product.total }}名 {{ product.price_item }}
</div> </div>
<div class="result-users"> <div class="result-users">
@ -173,7 +173,7 @@ export default {
this.avatars.forEach(item => { this.avatars.forEach(item => {
gsap.to(this.$refs[`column${item.key}`],{ gsap.to(this.$refs[`column${item.key}`],{
translateX: (this.columnIndex >= 19 && item.key < 19) ? ((19 - (this.columnIndex - 19) - 1) * 100 + '%') : ((this.columnIndex + 1) * -100 + '%'), translateX: (this.columnIndex >= 19 && item.key < 19) ? ((19 - (this.columnIndex - 19) - 1) * 100 + '%') : ((this.columnIndex + 1) * -100 + '%'),
duration: 0.2, duration: 0.05,
// rotateY: -9 + ((item.key)+1) + 'deg', // rotateY: -9 + ((item.key)+1) + 'deg',
// scale: item.key < 11 ? (0.82 + (item.key-1) * 0.02) : (1 - ((item.key-1) - 10) * 0.02) // scale: item.key < 11 ? (0.82 + (item.key-1) * 0.02) : (1 - ((item.key-1) - 10) * 0.02)
onComplete: () => { onComplete: () => {
@ -200,7 +200,7 @@ export default {
gsap.to(this.$refs[`column${(this.columnIndex+i)%(19*2)}`],{ gsap.to(this.$refs[`column${(this.columnIndex+i)%(19*2)}`],{
rotateY: -9 + ((i)+1) + 'deg', rotateY: -9 + ((i)+1) + 'deg',
scale: i < 10 ? (0.82 + i * 0.02) : (1 - (i - 10) * 0.02), scale: i < 10 ? (0.82 + i * 0.02) : (1 - (i - 10) * 0.02),
duration: 0.2, duration: 0.05,
}) })
} }
this.columnIndex = (this.columnIndex+1) % (19*2) this.columnIndex = (this.columnIndex+1) % (19*2)
@ -229,7 +229,7 @@ export default {
setTimer() { setTimer() {
this.timer = setInterval(() => { this.timer = setInterval(() => {
this.animate() this.animate()
},400) },100)
} }
}, },
computed: {}, computed: {},
@ -394,11 +394,12 @@ export default {
color: #ffffff; color: #ffffff;
font-weight: 500; font-weight: 500;
height: 101px; height: 101px;
width: 577px; width: 100vw;
line-height: 101px; line-height: 101px;
text-align: center; text-align: center;
background: url("~@/assets/xhxcelsh/start-title-bkg.png") no-repeat; word-break: keep-all;
background-size: contain; background: url("~@/assets/xhxcelsh/start-title-bkg.png") no-repeat center;
//background-size: contain;
} }
&__shop { &__shop {
width: 684px; width: 684px;
@ -480,7 +481,6 @@ export default {
} }
.title { .title {
height: 101px; height: 101px;
width: 557px;
line-height: 101px; line-height: 101px;
letter-spacing: 11px; letter-spacing: 11px;
text-transform: uppercase; text-transform: uppercase;
@ -488,8 +488,10 @@ export default {
font-weight: 500; font-weight: 500;
font-size: 54px; font-size: 54px;
text-align: center; text-align: center;
background: url("~@/assets/xhxcelsh/result-title.png") no-repeat; word-break: keep-all;
background-size: contain; width: 100vw;
background: url("~@/assets/xhxcelsh/result-title.png") no-repeat center;
//background-size: contain;
margin: 104px auto 0; margin: 104px auto 0;
} }
.result-users { .result-users {

Write Preview
Loading…
Cancel
Save