完成茶株游戏
This commit is contained in:
闵宪瑞
parent
6407f772e0
commit
a312c9e95a
@ -1,223 +0,0 @@
|
||||
<template>
|
||||
<div class="add-game-tree-item">
|
||||
<el-form :model="form" :rules="rules" ref="formRef" label-width="120px" class="game-form">
|
||||
<el-form-item label="茶株标题" prop="productName">
|
||||
<el-input v-model="form.productName" placeholder="请输入茶株标题"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="茶株副标题" prop="title">
|
||||
<el-input v-model="form.title" placeholder="请输入茶株副标题"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="茶株图" prop="productImage">
|
||||
<div class="upLoadPicBox" @click="modalPicTap('1','pi5')">
|
||||
<div v-if="form.productImage" class="pictrue"><img :src="form.productImage"></div>
|
||||
<div v-else class="upLoad">
|
||||
<i class="el-icon-camera cameraIconfont"/>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="茶株价格" prop="productPrice">
|
||||
<el-input-number v-model="form.productPrice" :min="0" :precision="2" placeholder="请输入茶株价格"></el-input-number>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="发放数量" prop="allNum">
|
||||
<el-input-number v-model="form.allNum" :min="0" placeholder="请输入发放数量"></el-input-number>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="果实数" prop="fruitNum">
|
||||
<el-input-number v-model="form.fruitNum" :min="0" placeholder="请输入果实数"></el-input-number>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="种植位置" prop="treePlace">
|
||||
<el-input v-model="form.treePlace" placeholder="请输入种植位置"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="养护人" prop="gardener">
|
||||
<el-input v-model="form.gardener" placeholder="请输入养护人"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="土壤" prop="soil">
|
||||
<el-input v-model="form.soil" placeholder="请输入土壤类型"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="湿度" prop="humidity">
|
||||
<el-input v-model="form.humidity" placeholder="请输入湿度"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="内容" prop="content">
|
||||
<el-input type="textarea" v-model="form.content" placeholder="请输入内容"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="小苗阶段图" prop="smallImage">
|
||||
<div class="upLoadPicBox" @click="modalPicTap('1','pi1')">
|
||||
<div v-if="form.smallImage" class="pictrue"><img :src="form.smallImage"></div>
|
||||
<div v-else class="upLoad">
|
||||
<i class="el-icon-camera cameraIconfont"/>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="成长阶段图" prop="growImage">
|
||||
<div class="upLoadPicBox" @click="modalPicTap('1','pi2')">
|
||||
<div v-if="form.growImage" class="pictrue"><img :src="form.growImage"></div>
|
||||
<div v-else class="upLoad">
|
||||
<i class="el-icon-camera cameraIconfont"/>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="成熟阶段图" prop="bigImage">
|
||||
<div class="upLoadPicBox" @click="modalPicTap('1','pi3')">
|
||||
<div v-if="form.bigImage" class="pictrue"><img :src="form.bigImage"></div>
|
||||
<div v-else class="upLoad">
|
||||
<i class="el-icon-camera cameraIconfont"/>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="热门新品图" prop="hotImage">
|
||||
<div class="upLoadPicBox" @click="modalPicTap('1','pi4')">
|
||||
<div v-if="form.hotImage" class="pictrue"><img :src="form.hotImage"></div>
|
||||
<div v-else class="upLoad">
|
||||
<i class="el-icon-camera cameraIconfont"/>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="热门显示天数" prop="hotDay">
|
||||
<el-input-number v-model="form.hotDay" :min="0" :max="30" placeholder="请输入热门显示天数"></el-input-number>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submitForm">提交</el-button>
|
||||
<el-button @click="resetForm">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {marketingGameInfoListApi} from "@/api/marketing";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isDisabled: this.$route.params.isDisabled === '1',
|
||||
form: {
|
||||
title: '',
|
||||
productName: '',
|
||||
productImage: '',
|
||||
productPrice: 0.00,
|
||||
allNum: 0,
|
||||
fruitNum: 0,
|
||||
treePlace: '',
|
||||
gardener: '',
|
||||
soil: '',
|
||||
humidity: '',
|
||||
content: '',
|
||||
smallImage: '',
|
||||
growImage: '',
|
||||
bigImage: '',
|
||||
hotImage: '',
|
||||
hotDay: 0,
|
||||
},
|
||||
rules: {
|
||||
title: [{ required: true, message: '请输入商品副标题', trigger: 'blur' }],
|
||||
productId: [
|
||||
{ required: true, message: '请输入商品编号', trigger: 'blur' },
|
||||
{ type: 'number', message: '商品编号必须是数字', trigger: 'blur' },
|
||||
],
|
||||
productName: [{ required: true, message: '请输入商品名称', trigger: 'blur' }],
|
||||
productImage: [{ required: true, message: '请输入商品图链接', trigger: 'blur' }],
|
||||
productPrice: [
|
||||
{ required: true, message: '请输入商品价值', trigger: 'blur' },
|
||||
{ type: 'number', message: '商品价值必须是数字', trigger: 'blur' },
|
||||
],
|
||||
allNum: [
|
||||
{ required: true, message: '请输入总共数量', trigger: 'blur' },
|
||||
{ type: 'number', message: '总共数量必须是数字', trigger: 'blur' },
|
||||
],
|
||||
outNum: [
|
||||
{ required: true, message: '请输入支出数量', trigger: 'blur' },
|
||||
{ type: 'number', message: '支出数量必须是数字', trigger: 'blur' },
|
||||
],
|
||||
fruitNum: [
|
||||
{ required: true, message: '请输入果实数', trigger: 'blur' },
|
||||
{ type: 'number', message: '果实数必须是数字', trigger: 'blur' },
|
||||
],
|
||||
treePlace: [{ required: true, message: '请输入种植地点', trigger: 'blur' }],
|
||||
gardener: [{ required: true, message: '请输入养护人', trigger: 'blur' }],
|
||||
soil: [{ required: true, message: '请输入土壤类型', trigger: 'blur' }],
|
||||
humidity: [{ required: true, message: '请输入湿度', trigger: 'blur' }],
|
||||
content: [{ required: true, message: '请输入活动内容', trigger: 'blur' }],
|
||||
smallImage: [{ required: true, message: '请输入小苗阶段图链接', trigger: 'blur' }],
|
||||
growImage: [{ required: true, message: '请输入成长阶段图链接', trigger: 'blur' }],
|
||||
bigImage: [{ required: true, message: '请输入成熟阶段图链接', trigger: 'blur' }],
|
||||
hotImage: [{ required: true, message: '请输入热门新品图链接', trigger: 'blur' }],
|
||||
hotDay: [
|
||||
{ required: true, message: '请输入热门新品显示天数', trigger: 'blur' },
|
||||
{ type: 'number', message: '热门新品显示天数必须是数字', trigger: 'blur' },
|
||||
],
|
||||
status: [{ required: true, message: '请选择状态', trigger: 'change' }],
|
||||
},
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
if ( this.$route.params.id ) {
|
||||
console.log( this.$route.params.id)
|
||||
marketingGameInfoListApi({id: this.$route.params.id}).then(res =>{
|
||||
console.log(res)
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getDataFrom() {
|
||||
|
||||
},
|
||||
modalPicTap(tit, num) {
|
||||
const _this = this;
|
||||
this.$modalUpload(function (img) {
|
||||
if (tit === '1') {
|
||||
switch (num) {
|
||||
case 'pi1':
|
||||
_this.form.smallImage = img[0].sattDir;
|
||||
break;
|
||||
case 'pi2':
|
||||
_this.form.growImage = img[0].sattDir;
|
||||
break;
|
||||
case 'pi3':
|
||||
_this.form.bigImage = img[0].sattDir;
|
||||
break;
|
||||
case 'pi4':
|
||||
_this.form.hotImage = img[0].sattDir;
|
||||
break;
|
||||
case 'pi5':
|
||||
_this.form.productImage = img[0].sattDir;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}, tit, 'content');
|
||||
},
|
||||
submitForm() {
|
||||
this.$refs.formRef.validate((valid) => {
|
||||
if (valid) {
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
resetForm() {
|
||||
this.$refs.formRef.resetFields();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.game-form {
|
||||
width: 80%;
|
||||
margin: 20px auto;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user