czg_team/video_admin
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改任务设置页面

Browse Source
This commit is contained in:
YeMingfei666
2024-12-11 16:16:07 +08:00
parent fe40f07d89
commit d1e25e9545
3 changed files with 69 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/views/renwu/components/pop-add-renwu.vue
View File

@@ -12,18 +12,24 @@
<el-form-item label="标题" required>
<el-input v-model="form.title"></el-input>
</el-form-item>
<el-form-item label="是否展示" >
<el-switch v-model="form.shows" :inactive-value="0" :active-value="1"></el-switch>
<el-form-item label="是否展示">
<el-switch
v-model="form.shows"
:inactive-value="0"
:active-value="1"
></el-switch>
</el-form-item>
<el-form-item label="排序" >
<el-input-number :min="0" :step-strictly="true" :step="1" v-model="form.sort"></el-input-number>
<el-form-item label="排序">
<el-input-number
:min="0"
:step-strictly="true"
:step="1"
v-model="form.sort"
></el-input-number>
</el-form-item>
<el-form-item label="任务类型" required>
<el-radio-group v-model="form.type">
<el-radio :label="3">一次性任务</el-radio>
<el-radio :label="1">普通任务</el-radio>
<el-radio :label="2">打卡任务</el-radio>
<el-radio :label="9">其他</el-radio>
<el-radio :label="value*1" v-for="(item, value) in renType" :key="value" >{{item}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="奖励图标">
@@ -40,26 +46,32 @@
</div>
</el-upload>
</el-form-item>
<el-form-item label="是否跳转" >
<el-form-item label="是否跳转">
<el-switch v-model="isJump"></el-switch>
</el-form-item>
<el-form-item label="跳转类型" required v-if="isJump">
<el-radio-group v-model="form.jumpType">
<el-radio :label="1">内部路径</el-radio>
<el-radio :label="2">外部路径</el-radio>
<el-radio :label="3">内部tabbar页面</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="按钮跳转地址" required>
<el-input v-model="form.buttonUrl"></el-input>
</el-form-item>
<template v-if="isJump">
<el-form-item label="跳转类型" required>
<el-radio-group v-model="form.jumpType">
<el-radio :label="value*1" v-for="(item, value) in jumpType" :key="value" >{{item}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="按钮跳转地址" required>
<el-input v-model="form.buttonUrl"></el-input>
</el-form-item>
</template>
<el-form-item label="达标次数" required v-if="form.type == 2">
<el-input-number :min="0" :step-strictly="true" :step="1" v-model="form.number"></el-input-number>
<el-input-number
:min="0"
:step-strictly="true"
:step="1"
v-model="form.number"
></el-input-number>
</el-form-item>
<el-form-item label="详情描述" required>
<el-input v-model="form.detail"></el-input>
</el-form-item>
<el-form-item label="奖励描述" required>
<el-form-item label="奖励描述" required>
<el-input v-model="form.rewardDetail"></el-input>
</el-form-item>
<el-form-item label="按钮背景色">
@@ -83,16 +95,18 @@
<script>
import $api from "@/api/renwu.js";
import {$renwuType,$jumpType} from '../data.js'
export default {
data() {
return {
dialogVisible: false,
renType: $renwuType,
jumpType: $jumpType,
title: "",
rules: {
title: [{ required: true, message: "请输入任务名称", trigger: "blur" }],
},
isJump:false,
isJump: false,
form: {
url: "",
type: 1,
@@ -106,8 +120,8 @@ export default {
rewardDetail: "",
rewardImg: "",
title: "",
shows:1,
sort:''
shows: 1,
sort: "",
},
};
},
@@ -123,11 +137,13 @@ export default {
this.form = {
...item,
};
this.isJump = item.jumpType ? true : false;
}
this.title = item ? "修改任务" : "新增任务";
},
diaClose() {
this.dialogVisible = false;
this.isJump=false;
this.form = {
url: "",
type: 1,
@@ -141,28 +157,27 @@ export default {
rewardDetail: "",
rewardImg: "",
title: "",
shows:1,
sort:''
shows: 1,
sort: "",
};
},
async confirm() {
if(!this.form.title){
if (!this.form.title) {
return this.$message.error("请输入任务名称");
}
if(!this.form.type){
if (!this.form.type) {
return this.$message.error("请输入任务类型");
}
if(!this.form.buttonUrl){
if (this.isJump && !this.form.buttonUrl) {
return this.$message.error("请输入按钮跳转地址");
}
if(!this.form.detail){
this.$message.error("请输入详情描述");
if (!this.form.detail) {
return this.$message.error("请输入详情描述");
}
if(!this.form.rewardDetail){
this.$message.error("请输入奖励描述");
if (!this.form.rewardDetail) {
return this.$message.error("请输入奖励描述");
}
if(this.form.type == 2 && this.form.number<=0){
if (this.form.type == 2 && this.form.number <= 0) {
return this.$message.error("请输入达标次数");
}
this.submit();