Skip to content

T
techbook
Commit 5ca08cb2 authored by anxixi's avatar anxixi
Browse files
Options

积分竞猜相关页面

parent b17fae78
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 710 additions and 12 deletions
public/css/common.scss
View file @ 5ca08cb2
......@@ -69,6 +69,14 @@ body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, texta
/****input****/
.guess_input .el-input__inner{
padding-left: 90px;
}
.guess_input input::-webkit-outer-spin-button,
.guess_input input::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}
input.el-input__inner {
border: 1px solid #C8CBE0;
}
......@@ -858,6 +866,10 @@ i {
width: 640px !important;
}
.dialogWrap495 .el-dialog{
width: 495px !important;
}
.dialogWrap700 .el-dialog{
width: 700px !important;
}
......
src/router.js
View file @ 5ca08cb2
......@@ -217,6 +217,16 @@ const router = new Router({
component: resolve => require(['views/findeventpage/eventsuccess.vue'], resolve).catch(routerUtils.catchImport),
meta: {title: '活动报名成功'}
},
{
path: '/integralguesslist',
component: resolve => require(['views/integralpage/integralguesslist.vue'], resolve).catch(routerUtils.catchImport),
meta: {title: '积分竞猜'}
},
{
path: '/guessdetail',
component: resolve => require(['views/integralpage/guessdetail.vue'], resolve).catch(routerUtils.catchImport),
meta: {title: '积分竞猜详情'}
},
{
path: '/guessranking',
component: resolve => require(['views/integralpage/guessranking.vue'], resolve).catch(routerUtils.catchImport),
......@@ -708,6 +718,16 @@ const router = new Router({
component: resolve => require(['views/integralpage/addguess.vue'], resolve).catch(routerUtils.catchImport),
meta: {title: '发布竞猜'}
},
{
path: '/guessview',
component: resolve => require(['views/integralpage/guessview.vue'], resolve).catch(routerUtils.catchImport),
meta: {title: '竞猜详情'}
},
{
path: '/userintegral',
component: resolve => require(['views/integralpage/userintegral.vue'], resolve).catch(routerUtils.catchImport),
meta: {title: '我的积分'}
},
]
},
//需要登录的
......
src/views/findeventpage/eventpage.vue
View file @ 5ca08cb2
......@@ -142,13 +142,13 @@
}
window.open(this.publicFun.getCurrentHrefEnv()+"#/eventlive");
}else{
if(row.baseLive.livePowers == 0&&row.activityState == 2&&!row.isApply){
if(row.baseLive.livePowers == 0&&row.activityState == 2&&row.isJoin == 2){
if(!this.publicFun.getCookie("userInfo")){
this.$refs.login.isexpertVisible();
return
}
this.$message.error(this.$t('activityInfo.applyFirst'));
}else if(row.baseLive.livePowers == 0&&row.activityState == 5&&!row.isApply||row.baseLive.livePowers == 0&&row.activityState == 3&&!row.isApply){
}else if(row.baseLive.livePowers == 0&&row.activityState == 5&&row.isJoin == 2||row.baseLive.livePowers == 0&&row.activityState == 3&&row.isJoin == 2){
if(row.baseLive.liveState != 2){
this.$message.error(this.$t('activityInfo.applyEndTitle'));
}
......
src/views/industryreportspage/industrypage.vue
View file @ 5ca08cb2
......@@ -110,7 +110,6 @@
expertVisible:false,
urltext:'',
positions:false,
urltext:'',
reportId:undefined,
}
},
......
src/views/integralpage/addguess.vue
View file @ 5ca08cb2
......@@ -92,8 +92,6 @@
</template>
<script>
import api from "./api/api";
import upImg from "../publishactivity/upimg";
......@@ -124,7 +122,7 @@
maxIntegral: [{required: true,message:'请输入最大参与积分数',trigger: 'blur'}],
},
getTypeSelects:[],
isediturl:this.$route.query.id?'/base/guess/editGuess':'/base/guess/addGuess'
isediturl:this.$route.query.id?'/base/back/guess/editGuess':'/base/back/guess/addGuess'
}
},
......
src/views/integralpage/api/api.js
View file @ 5ca08cb2
......@@ -31,15 +31,15 @@ export default {
//分类
//查询分类列表
getGuessTypeList (params){
return api.fetchPost('/base/guess/getGuessTypeList',params);
return api.fetchPost('/base/back/guess/getGuessTypeList',params);
},
//编辑分类单条数据
getGuessType (params){
return api.fetchGet('/base/guess/getGuessType?id='+params);
return api.fetchGet('/base/back/guess/getGuessType?id='+params);
},
//删除分类单条数据
removeGuessType (params){
return api.fetchGet('/base/guess/removeGuessType?id='+params);
return api.fetchGet('/base/back/guess/removeGuessType?id='+params);
},
......@@ -47,7 +47,7 @@ export default {
//竞猜
//分类条件查询下拉
getTypeSelects (){
return api.fetchGet('/base/guess/getTypeSelects');
return api.fetchGet('/base/back/guess/getTypeSelects');
},
//发布竞猜
addGuess (url,params){
......@@ -55,10 +55,53 @@ export default {
},
//竞猜列表
searchGuess (params){
return api.fetchPost('/base/guess/searchGuess',params);
return api.fetchPost('/base/back/guess/searchGuess',params);
},
//编辑竞猜单条数据
getGuess (params){
return api.fetchGet('/base/guess/getGuess?guessId='+params);
return api.fetchGet('/base/back/guess/getGuess?guessId='+params);
},
//竞猜详情
getGuessDetail (params){
return api.fetchGet('/base/back/guess/getGuessDetail?guessId='+params);
},
//结算
settledGuess (params){
return api.fetchPost('/base/back/guess/settledGuess',params);
},
//竞猜下架
pullGuess (params){
return api.fetchGet('/base/back/guess/pullGuess?guessId='+params);
},
//前端展示竞猜
//竞猜分类
selectGuessTypeList (){
return api.fetchPost('/base/guess/selectGuessTypeList');
},
//竞猜列表
selectBaseGuessList (params){
return api.fetchPost('/base/guess/selectBaseGuessList',params);
},
//热门竞猜列表
selectPopularGuessList (){
return api.fetchPost('/base/guess/selectPopularGuessList');
},
//竞猜详情
selectBaseGuessDetailById (params){
return api.fetchPost('/base/guess/selectBaseGuessDetailById',Qs.stringify(params));
},
//查询竞猜赔率和当前账户积分值
selectBettingOdds (params){
return api.fetchPost('/base/guess/selectBettingOdds',Qs.stringify(params));
},
//竞猜下注
insertGuessBet (params){
return api.fetchPost('/base/guess/insertGuessBet',params);
},
//竞猜排行
selectGuessLeaderboardList (params){
return api.fetchPost('/base/guess/selectGuessLeaderboardList',Qs.stringify(params));
},
}
\ No newline at end of file
src/views/integralpage/guessbetbar.vue 0 → 100644
View file @ 5ca08cb2
This diff is collapsed.
src/views/integralpage/guessdetail.vue 0 → 100644
View file @ 5ca08cb2
<template>
<div class="foutdiv">
<div class="divlayoutchild">
<div>
<div>
<div class="isdivtopzh">
<p>竞猜详情</p>
<p @click="$router.push({path:'/integralguesslist'})" style="position: absolute;right: 10px;top: 10px;color: #69697A;font-size: 14px;cursor: pointer;">
返回列表
</p>
</div>
<div>
<div class="gendisplay" style="margin-top: 20px;">
<p class="imgInfo pbackgtound" :style="{backgroundImage:'url('+(contentdata.coverUrl)+')'}">
&nbsp;
</p>
<div style="padding: 10px 0;">
<p style="color: #1A1A1E;font-weight: bold;font-size: 20px;text-align: left;height: 70px;">{{contentdata.guessTitle}}</p>
<div class="gendisplay" style="font-size: 14px;margin-top: 10px;color:#AAAAAA;width: 100%;">
<p class="signing"
:class="contentdata.guessState == 1?'signingup':contentdata.guessState == 2?'applyend':contentdata.guessState == 3?'activityEnd':''">
{{contentdata.guessState == 1?'进行中':contentdata.guessState == 2?'等待公布结果':contentdata.guessState == 3?'已结束':''}}
</p>
<p style="margin: 0 20px;">{{contentdata.peopleNum}}参与</p>
<p v-if="contentdata.guessState != 3">{{contentdata.guessTime}}截止</p>
</div>
</div>
</div>
<div style="text-align: left;margin-top: 50px;">
<p style="font-size: 14px;">{{contentdata.guessIntroduction}}</p>
<div style="margin: 25px 100px 0 100px;">
<div v-for="(itemchild,index) in contentdata.guessOptionsList" :key="index">
<div v-if="contentdata.guessState == 3 || contentdata.guessState == 2" :class="contentdata.guessAnswerId == itemchild.id?'isPlaceabetover':'Placeabetover'">
<div class="gendisplay">
<p>
{{itemchild.optionsCode}}、{{itemchild.optionsContent}}
</p>
<p>
{{itemchild.optionsPercentage}}%选择
</p>
</div>
<i v-if="contentdata.guessAnswerId == itemchild.id" style="position: absolute;left: -15px;top: -20px;font-size: 40px;color: #FF9E29;" class="iconfont icon-huoshengfang"></i>
<el-progress :percentage="itemchild.optionsPercentage" :color="contentdata.guessAnswerId == itemchild.id?'#ffffff':'5D78FF'" :show-text="false"></el-progress>
</div>
<div v-else class="gendisplay">
<div class="gendisplay Placeabet">
<p style="width: 100%;">
{{itemchild.optionsCode}}、{{itemchild.optionsContent}}
</p>
<p style="width: 150px;text-align: right;color: #7A7A7A;">
当前赔率:{{itemchild.optionOdds}}倍
</p>
</div>
<el-button type="primary" style="height: 38px;" @click="guessbet(itemchild)">下注</el-button>
</div>
</div>
</div>
</div>
</div>
<div class="isdivtopzh">
<p>
参与者 ( {{contentdata.peopleNum}} )
</p>
<div style="margin-top: 20px;width: 100%;" class="gendisplay">
<p style="width: 95%;height: 50px;overflow: hidden;">
<img v-if="contentdata.guessEmpList" v-for="(item,index) in contentdata.guessEmpList" :key="index" :src="item.empLogo.length==0?require('../../assets/img/defaultlogo.png'):item.empLogo" class="images">
</p>
<p style="line-height: 50px;" v-if="contentdata.guessEmpList&&contentdata.guessEmpList.length > 13">
&bull;&bull;&bull;
</p>
</div>
</div>
</div>
<div>
<popularguessbar></popularguessbar>
</div>
</div>
</div>
<guessbetbar ref="guessbetVisible" :contentdata="contentdata" :guessitem="guessitem"></guessbetbar>
<expertVisible ref="login" :registerType="101"></expertVisible>
</div>
</template>
<script>
import api from "./api/api";
import hotArticlepage from "../conmanagementpage/hotarticlepage";
import VueQRCodeComponent from "vue-qrcode-component";
import expertVisible from "../../components/login/quicklogin";
import popularguessbar from "./popularguessbar";
import guessbetbar from "./guessbetbar";
export default {
name : "guessdetail",
data() {
return {
contentdata:{
guessEmpList:[]
},
input:1,
guessitem:{},
}
},
components:{
hotArticlepage,VueQRCodeComponent,expertVisible,popularguessbar,guessbetbar
},
methods:{
guessbet(item){
this.guessitem = item;
this.$refs.guessbetVisible.isguessVisible();
this.$refs.guessbetVisible.getselectBettingOdds(item);
},
},
mounted() {
globalMsg.$emit('topisInit', false);
globalMsg.$emit('sendIndex', 100);
if(this.$route.query.id){
api.selectBaseGuessDetailById({guessId:this.$route.query.id}).then(response => {
if(response.code == 0) {
this.contentdata = response.result;
} else {
this.$message.error(response.msgCode);
}
})
.catch(error => {
console.log("提交出错");
return false;
});
}
},
}
</script>
<style scoped lang="scss">
.guess_input{
}
.pbackgtound{
width: 175px;
height: 120px;
margin-right: 15px;
border: 2px solid #FFFFFF;
}
.isdivtopzh{
text-align: left;
position: relative;
>p:nth-child(1){
line-height: 40px;
width: 100%;
color: #1A1A1E;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #E8EAF3;
}
}
.isPlaceabetover{
background: #FF5D5D;
color: #FFFFFF;
font-size: 12px;
padding: 15px;
margin-bottom: 15px;
position: relative;
>div:nth-child(1){
margin-bottom: 15px;
>p:nth-child(1){
width: 100%;
color: #FFFFFF;
}
>p:nth-child(2){
width: 80px;
text-align: right;
color: #FFFFFF;
}
}
}
.Placeabetover{
font-size: 12px;
background: #F8F8F8;
padding: 15px;
margin-bottom: 15px;
position: relative;
>div:nth-child(1){
margin-bottom: 15px;
>p:nth-child(1){
width: 100%;
color:#1A1A1E;
}
>p:nth-child(2){
width: 80px;
text-align: right;
color: #7A7A7A;
}
}
}
.Placeabet{
box-shadow:0px 1px 4px 0px rgba(0,0,0,0.1);
border:1px solid #E8E8E8;
line-height: 36px;
width: 100%;
padding: 0 15px;
color: #1A1A1E;
font-size: 12px;
margin-bottom: 10px;
}
.hendtop{
position: fixed;
right: 40px;
z-index: 99;
border: 1px solid #E8EAF3;
background:#FFFFFF;
box-shadow:0px 2px 8px 0px rgba(0,0,0,0.1);
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
}
.imgInfo{
border-radius: 3px;
border:1px solid #DCDFF1;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.signingup{
background: #FF9E29;
}
.applyend{
background: #FF5D5D;
}
.activityEnd{
background: #69697A;
}
.signing{
padding: 2px 15px;
color: #FFFFFF;
font-size: 12px;
border-radius: 3px;
}
.images{
border-radius: 50%;
border:1px solid #DCDFF1;
width: 50px;
height: 50px;
margin-right: 10px;
}
</style>
\ No newline at end of file
src/views/integralpage/guesslist.vue
View file @ 5ca08cb2
This diff is collapsed.
src/views/integralpage/guessranking.vue
View file @ 5ca08cb2
This diff is collapsed.
src/views/integralpage/guessview.vue 0 → 100644
View file @ 5ca08cb2
<template>
<div class="soutform loginedWrapper">
<div class="breadcrumb">
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/projectdynamics' }">{{$t("litemlistjson.wrkbench")}}</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/guesspage' }">竞猜管理</el-breadcrumb-item>
<el-breadcrumb-item>竞猜详情</el-breadcrumb-item>
</el-breadcrumb>
</div>
<el-row class="projectTabadd" style="margin-top: 10px;padding-bottom: 50px;">
<el-tabs v-model="activeName">
<el-tab-pane label="竞猜详情" name="first">
<el-form :inline="true" label-width="210px" :model="addData" class="contnetform260">
<el-form-item label="竞猜标题：" style="width: 100%;">
<span>{{addData.guessTitle}}</span>
</el-form-item>
<el-form-item label="导语：" style="width: 100%;">
<span>{{addData.guessIntroduction}}</span>
</el-form-item>
<el-form-item label="创建时间：" style="width: 100%;">
<span>{{addData.createdTime}}</span>
</el-form-item>
<el-form-item label="当前竞猜情况：" style="width: 100%;">
<p>参与竞猜总人数：{{addData.guessTotalEmp}} 参与竞猜总积分：{{addData.guessTotalIntegral}}</p>
<div v-for="(item,index) in addData.optionsList">
<p>{{item.optionsCode}}、{{item.optionsContent}}</p>
<div class="gendisplay">
<div style="width: 300px;">
<el-progress :text-inside="true" :stroke-width="30" :percentage="item.percent"></el-progress>
</div>
<p style="line-height: 30px;margin-left: 10px;width: 80px;">赔率：<span>{{item.odds}}</span></p>
<p style="line-height: 30px;margin-left: 10px;width: 90px;">总人数：<span>{{item.guessTotalEmp}}</span></p>
<p style="line-height: 30px;margin-left: 10px;">总积分：<span>{{item.guessTotalIntegral}}</span></p>
</div>
</div>
</el-form-item>
<el-form-item label="结算：" style="width: 100%;">
<settlementbar v-if="addData.guessStatus == 1 || addData.guessStatus == 3" :addData="addData"></settlementbar>
<div v-if="addData.guessStatus == 4">
<p>已结算</p>
<p><span>正确答案：</span> {{addData.guessResult.optionsCode+'、'+addData.guessResult.optionsContent}}</p>
<p><span>相关说明：</span> {{addData.guessResult.resultsDesc}}</p>
<el-image style="width: 100px;border: 1px solid #E7E9F5;border-radius:10px;margin-right: 20px; height: 100px" v-for="(item,index) in addData.guessResult.resultsImgList" :key="index" :src="item" :preview-src-list="getSrcList(index)">
</el-image>
</div>
</el-form-item>
</el-form>
</el-tab-pane>
</el-tabs>
</el-row>
</div>
</template>
<script>
import api from "./api/api";
import settlementbar from "./settlementbar"
export default {
name: "guessview",
data() {
return {
activeName:'first',
addData:{
optionsList:[],
guessResult:{},
}
}
},
components:{
settlementbar
},
methods:{
//图片查看处理
getSrcList(index){
return this.addData.guessResult.resultsImgList.slice(index).concat(this.addData.guessResult.resultsImgList.slice(0,index))
},
},
mounted() {
if(this.$route.query.id){
api.getGuessDetail(this.$route.query.id).then(response => {
if(response.code == 0) {
this.addData = response.result;
} else {
this.$message.error(response.msg);
}
})
.catch(error => {
console.log("提交出错");
return false;
});
}
}
}
</script>
<style scoped lang="scss">
</style>
\ No newline at end of file
src/views/integralpage/integralconfig.vue
View file @ 5ca08cb2
......@@ -18,6 +18,9 @@
<up-img :actionUrl="'/base/upload/uploadOriginalImg'" @dataEvent="uploadofficialAccountImg" :channelPic="infoData.officialAccountImg" :upmax="5"></up-img>
</div>
</el-form-item>
<el-form-item label="客服特殊文案：">
<el-input @input="$forceUpdate()" v-model="infoData.customerServiceSpecial" maxlength="40" placeholder="请输入客服特殊文案，最多可输入40个字" style="width: 600px;" type="textarea" :rows="6"></el-input>
</el-form-item>
<el-form-item label="公众号文案：">
<el-input @input="$forceUpdate()" v-model="infoData.officialAccountDesc" maxlength="140" placeholder="请输入公众号文案，最多可输入140个字" style="width: 600px;" type="textarea" :rows="6"></el-input>
</el-form-item>
......@@ -30,6 +33,9 @@
<el-form-item label="客服文案：">
<el-input @input="$forceUpdate()" v-model="infoData.customerServiceDesc" maxlength="140" placeholder="请输入客服文案，最多可输入140个字" style="width: 600px;" type="textarea" :rows="6"></el-input>
</el-form-item>
<el-form-item label="说明文案：">
<el-input @input="$forceUpdate()" v-model="infoData.explainDesc" maxlength="40" placeholder="请输入客服特殊文案，最多可输入40个字" style="width: 600px;" type="textarea" :rows="6"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="getsaveSettingInfo">保存</el-button>
</el-form-item>
......@@ -53,6 +59,8 @@
infoData:{
officialAccountDesc:'请先关注公众号，兑换成功的话，公众号直接给你的微信发一条通知，请注意查收！',
customerServiceDesc:'一经兑换成功，积分不予退还。如出现其他问题或产品相关建议，可添加TechBook公众号，咨询或者反馈相关建议。',
explainDesc:'积分上线福利，大额红包兑换限时限量开启！ ',
customerServiceSpecial:'一经兑换成功，积分不予退还',
}
}
},
......
src/views/integralpage/integralguesslist.vue 0 → 100644
View file @ 5ca08cb2
This diff is collapsed.
src/views/integralpage/popularguessbar.vue 0 → 100644
View file @ 5ca08cb2
<template>
<div style="width: 320px">
<div style="z-index:0;">
<div class="content_right">
<p><span>&nbsp;</span>热门竞猜</p>
<div class="hto_content">
<div style="cursor: pointer;width: 100%;" v-for="(item,index) in hotlist" :key="index">
<div class="gendisplay">
<p class="imgInfo" style="width: 80px;height: 56px;" :style="{backgroundImage:'url('+(item.coverUrl)+')'}">
</p>
<p class="ellipsisFont2" style="width: 225px;height: 50px;">{{item.guessTitle}}</p>
</div>
<div class="gendisplay" style="font-size: 12px;margin-top: 10px;color:#AAAAAA;">
<div style="width: calc(100% - 150px);">
<span class="signing"
:class="item.guessState == 1?'signingup':item.guessState == 2?'applyend':item.guessState == 3?'activityEnd':''">
{{item.guessState == 1?'进行中':item.guessState == 2?'等待公布结果':item.guessState == 3?'已结束':''}}
</span>
<span style="margin-left: 20px;">{{item.peopleNum}}参与</span>
</div>
<div style="width: 150px;">
<span v-if="item.guessState != 3">{{item.guessTime}}截止</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import api from "./api/api";
export default {
name: "hotarticlepage",
data() {
return {
hotlist:[],
recommendedlist:[],
isview:0,
}
},
props:[
],
methods:{
getselectPopularGuessList(){
api.selectPopularGuessList().then(response => {
if(response.code == 0) {
this.hotlist = response.result;
} else {
this.$message.error(response.msg);
}
})
.catch(error => {
console.log("提交出错");
return false;
});
},
},
mounted() {
this.getselectPopularGuessList();
}
}
</script>
<style scoped lang="scss">
.content_right{
width: 320px;
text-align: left;
>p{
line-height: 38px;
color: #3F3F53;
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #E8EAF3;
position: relative;
>span{
border-left: 2px solid #5D78FF;
margin-right: 10px;
}
}
}
.hto_content{
>div{
>div:nth-child(1){
margin-top: 20px;
>p:nth-child(1){
margin-right: 15px;
>img{
border-radius: 3px;
border:1px solid #DCDFF1;
width: 80px;
height: 56px;
}
}
>p{
font-size: 14px;
color: #1A1A1E;
line-height: 24px;
}
}
}
}
.imgInfo{
border-radius: 3px;
border:1px solid #DCDFF1;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.signingup{
background: #FF9E29;
}
.applyend{
background: #FF5D5D;
}
.activityEnd{
background: #69697A;
}
.signing{
padding: 2px 10px;
color: #FFFFFF;
border-radius: 3px;
}
</style>
\ No newline at end of file
src/views/integralpage/settlementbar.vue 0 → 100644
View file @ 5ca08cb2
<template>
<div>
<p>请选择一个答案结算：</p>
<el-radio-group v-model="optionsradio">
<p v-for="(item,index) in addData.optionsList" style="margin-bottom: 15px;">
<el-radio :label="item.id">{{item.optionsCode}}、{{item.optionsContent}}</el-radio>
</p>
</el-radio-group>
<p>相关说明：</p>
<el-input @input="$forceUpdate()" v-model="resultsDesc" maxlength="500" placeholder="" style="width: 600px;" type="textarea" :rows="6"></el-input>
<p class="imgTitle">请确保图片清晰、完整，仅支持PNG，JPG，JPEG,最大不超过2M</p>
<div class="uploadImg">
<el-upload
:class="{hide:imagesIf}"
name="fileUpload"
list-type="picture-card"
class="uploadImgCircle"
:action=uploadPicture
:multiple="false"
:limit="3"
:headers="publicFun.getHeadersFunc()"
:file-list="uploadPictureList"
:on-success="uploadComplete"
:before-upload="handleBeforeFile"
:on-remove="handleRemove"
>
<i class="iconfont icon-jiahao"></i>
<p class="uploadImgTitle">{{$t("personalAuth.businessCardimg")}}</p>
</el-upload>
</div>
<el-button type="primary" @click="settledguess" style="margin-top: 40px;">结算</el-button>
</div>
</template>
<script>
import upImg from "../publishactivity/upimg";
import api from "./api/api";
export default {
name: "settlementbar",
props:[
'addData'
],
components:{
upImg
},
data() {
return {
optionsradio:null,
resultsDesc:'',
imagesIf:'',
uploadPicture: '/base/upload/uploadPicture',//图片上传地址
uploadPictureList:[],
projectPicUrlList:[],
}
},
methods: {
//上传文件成功回调
uploadComplete(res,file){
if ( res.result.fileUpload ){
this.projectPicUrlList.push(res.result.fileUpload);
}
if(this.projectPicUrlList.length == 3){
this.imagesIf = true;
}else{
this.imagesIf = false;
}
},
//附件上传之前判断图片格式
handleBeforeFile(file) {
var nameArr = file.name.split('.');
const isPng = nameArr[nameArr.length - 1] === 'png';
const isJpg = nameArr[nameArr.length - 1] === 'jpg';
const isPNG = nameArr[nameArr.length - 1] === 'PNG';
const isJPG = nameArr[nameArr.length - 1] === 'JPG';
const isJpeg = nameArr[nameArr.length - 1] === 'jpeg';
const isJPEG = nameArr[nameArr.length - 1] === 'JPEG';
const isLt2M = file.size / 1024 / 1024 <= 2;
if (!isPNG && !isJPG && !isPng && !isJpg && !isJpeg && !isJPEG) {
this.$message.error(this.$t('releasejson.compantype'));
}else if(!isLt2M){
this.$message.error(this.$t('releasejson.compansize'));
}
return (isPNG || isJPG || isPng || isJpg || isJpeg || isJPEG) && isLt2M;
},
handleRemove(file, fileList){
if(fileList.length == 3){
this.imagesIf = true;
}else{
this.imagesIf = false;
}
this.projectPicUrlList = [];
for(let i in fileList){
this.projectPicUrlList.push(fileList[i].url);
}
},
settledguess(){
this.$confirm('是否确认结算', {
cancelButtonText: '取消',
confirmButtonText: '确认',
type: '',
customClass: 'deleteConfirm'
}).then(() => {
let params = {
guessId:this.addData.guessId,
resultsDesc:this.resultsDesc,
resultsImgList:this.projectPicUrlList
}
for(let i in this.addData.optionsList){
if(this.optionsradio == this.addData.optionsList[i].id){
params.optionsCode = this.addData.optionsList[i].optionsCode;
params.optionsContent = this.addData.optionsList[i].optionsContent;
params.optionsId = this.addData.optionsList[i].id;
}
}
api.settledGuess(params).then(response => {
if(response.code == 0) {
this.$message.success('结算成功');
this.$emit('settledGuessEvent',true);
this.$router.push({path:"/guesspage",query:{}});
} else {
this.$message.error(response.msg);
}
})
.catch(error => {
console.log("提交出错");
return false;
});
}).catch(() => {
});
},
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/integralpage/userintegral.vue 0 → 100644
View file @ 5ca08cb2
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment