test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
180 lines (179 loc) • 7.83 kB
JavaScript
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import React__default, { useState, useEffect } from "react";
import { I as Image } from "./image2.js";
import { V as VotePageRulesCard } from "./votepagerulescard2.js";
import { V as VotePageShareCard } from "./votepagesharecard2.js";
import { V as VoteSharePosterCard } from "./votesharepostercard2.js";
import { V as VotePageListCard } from "./votepagelistcard2.js";
import { B as Button } from "./button2.js";
import { V as VotePageResultCard } from "./votepageresultcard2.js";
import "classnames";
import "./typings.js";
import "./px-check.js";
import "./index.js";
import "./Loading.js";
import "./overlay2.js";
import "./popup2.js";
import "react-dom";
import "react-transition-group";
import "./Overlay.js";
import "./grid2.js";
import "./griditem2.js";
import "./ConfigProvider.js";
import "./radio2.js";
import "./RadioGroup.js";
import "./use-props-value.js";
var VotePageCard = function VotePageCard2(props) {
var _props$backgroundImag = props.backgroundImage, backgroundImage = _props$backgroundImag === void 0 ? "" : _props$backgroundImag, _props$rightDataList = props.rightDataList, rightDataList = _props$rightDataList === void 0 ? [] : _props$rightDataList, style = props.style, rightDataListClick = props.rightDataListClick, miniRightDataClickRules = props.miniRightDataClickRules, miniRightDataClickShare = props.miniRightDataClickShare, _props$data = props.data, data = _props$data === void 0 ? {} : _props$data, handlerSaveClick = props.handlerSaveClick, _props$showResult = props.showResult, showResult = _props$showResult === void 0 ? false : _props$showResult;
var _data$detailShareModu = data.detailShareModule, detailShareModule = _data$detailShareModu === void 0 ? {
shareContent: {}
} : _data$detailShareModu, _data$detailBaseModul = data.detailBaseModule, detailBaseModule = _data$detailBaseModul === void 0 ? {
remark: "",
activityId: ""
} : _data$detailBaseModul, _data$mobileDetailVot = data.mobileDetailVoteModule, mobileDetailVoteModule = _data$mobileDetailVot === void 0 ? {
bannerUrl: "",
questionContext: {
question: "",
questionType: 1,
optionList: [],
isCheck: 0,
maxSelectNum: 0
}
} : _data$mobileDetailVot, _data$mobileVoteCusto = data.mobileVoteCustomState, mobileVoteCustomState = _data$mobileVoteCusto === void 0 ? {
customerState: 1
} : _data$mobileVoteCusto;
var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), rules = _useState2[0], setRules = _useState2[1];
var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), share = _useState4[0], setShare = _useState4[1];
var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), poster = _useState6[0], setPoster = _useState6[1];
var _useState7 = useState(false), _useState8 = _slicedToArray(_useState7, 2), result = _useState8[0], setResult = _useState8[1];
var _useState9 = useState(false), _useState10 = _slicedToArray(_useState9, 2), selectdata = _useState10[0], setSelectdata = _useState10[1];
useEffect(function() {
setResult(showResult);
}, [showResult]);
var transRightDataListClick = function transRightDataListClick2(item, index) {
if (index === 0) {
setRules(true);
} else if (index === 2) {
setShare(true);
}
};
var buttonText = function buttonText2() {
if (mobileVoteCustomState.customerState === 0) {
return "活动关闭";
} else if (mobileVoteCustomState.customerState === 1) {
return "提交";
} else if (mobileVoteCustomState.customerState === 2) {
return "无法参加此活动";
} else if (mobileVoteCustomState.customerState === 3) {
return "您已参加过活动了";
} else if (mobileVoteCustomState.customerState === 4) {
return "活动未开始";
} else if (mobileVoteCustomState.customerState === 5) {
return "活动已结束";
} else if (mobileVoteCustomState.customerState === 6) {
return "会员活动黑名单";
} else {
return "活动关闭";
}
};
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
className: "votepagecard"
}, React__default.createElement(Image, {
className: "bgImage",
src: backgroundImage
}), React__default.createElement("div", {
className: "pagecard"
}, rightDataList && rightDataList.length > 0 && rightDataList.map(function(item, index) {
return React__default.createElement("div", {
className: "cardrules",
key: index,
onClick: function onClick() {
return transRightDataListClick(item, index);
}
}, React__default.createElement("span", null, item.title));
}), React__default.createElement("div", {
className: "carddata"
}, React__default.createElement("div", {
className: "cardlist"
}, React__default.createElement(VotePageListCard, {
title: mobileDetailVoteModule.questionContext.question || "",
options: mobileDetailVoteModule,
customerState: mobileVoteCustomState.customerState,
selectData: function selectData(obj) {
setSelectdata(obj);
}
})), React__default.createElement("div", {
className: "cardbutton"
}, React__default.createElement(Button, {
block: true,
disabled: mobileVoteCustomState.customerState === 1 ? false : true,
onClick: function onClick() {
console.log(selectdata, " selectdata ");
var senddata = {
activityId: detailBaseModule.activityId || "",
selectdata: selectdata || {}
};
handlerSaveClick && handlerSaveClick(senddata);
}
}, buttonText()))))), React__default.createElement(VotePageRulesCard, {
visible: rules,
title: "活动规则",
content: detailBaseModule.remark || "",
bgImage: "https://hb3-ecrmmall.oss-cn-zhangjiakou.aliyuncs.com/upload/202011/54c22c70-bc45-4f13-a49f-39daa77a608e.png",
colseIcon: "https://hb3-shopguide.oss-cn-zhangjiakou.aliyuncs.com/ECRP-SG-APP-WEB/img/tasklist-close.png",
onClick: function onClick() {
setRules(false);
}
}), React__default.createElement(VotePageShareCard, {
visible: share,
columns: 2,
options: [{
name: "微信好友",
src: "https://hb3-ecrmmall.oss-cn-zhangjiakou.aliyuncs.com/ECRP-WM-APP-WEB/Components/wechat.png"
}, {
name: "生成海报",
src: "https://hb3-ecrmmall.oss-cn-zhangjiakou.aliyuncs.com/ECRP-WM-APP-WEB/Components/sharePost.png"
}],
title: "分享到",
cancelTitle: "取消",
shareContent: {
shareCopy: "",
sharePicture: ""
},
onCancelClick: function onCancelClick() {
setShare(false);
},
onPosterClick: function onPosterClick() {
setPoster(true);
},
onGridClick: function onGridClick() {
}
}), React__default.createElement(VoteSharePosterCard, {
visible: poster,
shareContent: {
shareCopy: detailShareModule.shareContent.shareCopy || "",
sharePicture: detailShareModule.shareContent.sharePicture || ""
},
onCancelClick: function onCancelClick() {
setPoster(false);
}
}), React__default.createElement(VotePageResultCard, {
visible: result,
bgImage: "https://hb3-ecrmmall.oss-cn-zhangjiakou.aliyuncs.com/wm/1/active-status2.e6c31aaa99d96ce03a823bda88182e43.png",
title: "投票成功",
colseIcon: "https://hb3-shopguide.oss-cn-zhangjiakou.aliyuncs.com/ECRP-SG-APP-WEB/img/tasklist-close.png",
onCloseClick: function onCloseClick() {
setResult(false);
},
onLookResultClick: function onLookResultClick() {
setResult(false);
},
onMoreActivityClick: function onMoreActivityClick() {
setResult(false);
}
}));
};
VotePageCard.displayName = "NutVotePageCard";
export {
VotePageCard as default
};