CINXE.COM

<link rel="stylesheet" href="https://static.hsolar.com/css/vote_page.css?v=2025012203" /> <link rel="stylesheet" href="https://static.hsolar.com/css/base.css?v=2025012203" /> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <title>2024年度“光能杯”新能源行业标杆雇主评选活动-碳索新能人才网</title> <meta name="keywords" content="“光能杯”2024年度新能源行业雇主品牌评选活动，通过评选表彰在光伏及新能源领域内，在人力资源管理、企业文化塑造、员工福利关怀以及社会责任承担等方面也展现出卓越风貌的企业。"> <meta name="description" content="光能杯,雇主评选,标杆雇主评选,新能源评选,企业评选,优秀企业排名,光伏排名,储能排名,氢能排名,排行榜"> <meta property="og:type" content="招聘求职网" /> <meta property="og:title" content="2024年度“光能杯”新能源行业标杆雇主评选活动-碳索新能人才网" /> <meta property="og:url" content="https://www.hsolar.com/lightcup/2024/vote" /> <meta property="og:site_name" content="碳索人才网" /> <meta property="og:description" content="光能杯,雇主评选,标杆雇主评选,新能源评选,企业评选,优秀企业排名,光伏排名,储能排名,氢能排名,排行榜" /> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="https://static.hsolar.com/js/polyfill.7.11.5.min.js"></script> <script type="text/javascript" src="https://static.hsolar.com/js/vue.js"></script> <script type="text/javascript" src="https://static.hsolar.com/js/axios.min.js"></script> <link rel="stylesheet" type="text/css" href="https://static.hsolar.com/css/element-ui.css" /> <script type="text/javascript" src="https://static.hsolar.com/js/element-ui.js"></script> <script type="text/javascript" src="https://static.hsolar.com/js/jquery.min.js"></script> <script type="text/javascript" src="https://static.hsolar.com/js/jquery.dropdown.js"></script> <script type="text/javascript" src="https://static.hsolar.com/js/jquery.listitem.js"></script> <script type="text/javascript" src="https://static.hsolar.com/js/utils.js"></script> <script type="text/javascript" src="https://static.hsolar.com/js/js.cookie.min.js"></script> <script> var qscms = { subsiteid: "", sitedomain: "https://www.hsolar.com", sitedir: "/", mobiledomain: "https://www.hsolar.com/m/", memberDirname: "member", apiUrl: "https://www.hsolar.com/v1_0", apiList: { getLoginCode: '/member/sendsms/login',//获取登录验证码 userinfo: '/home/config/userinfo',//获取用户信息,用于查询用户登录状态 qrcode: '/home/qrcode/index',//获取推广二维码 jobContact: '/home/job/getContact',//获取职位联系方式 jobClick: '/home/job/click',//职位点击量加1 jobapply: '/member/index/jobApplyAdd',//申请职位, jobFavCheck: '/home/job/checkFav',//查询职位是否已被收藏 jobFav: '/member/index/favJobAdd',//收藏职位 jobFavCancel: '/member/index/favJobCancel',//取消收藏职位 searchLocation: '/home/index/ajaxSearchLocation',//搜索时ajax跳转 resumeRefresh: '/personal/resume/refresh',//刷新简历 companyJobRefreshBatch: '/company/job/refreshBatch', // 企业刷新职位-批量 companyCheckJobaddNum: '/company/job/checkJobaddNumber',// 查询可发布职位数 resumeContact: '/home/resume/getContact',//获取简历联系方式 switch_identity:'/member/login/switch_identity',//切换身份 resumeFavCheck: '/home/resume/checkFav',//获取简历是否已被收藏 resumeFav: '/member/index/favResumeAdd',//收藏简历 resumeFavCancel: '/member/index/favResumeCancel',//取消收藏简历 resumeClick: '/home/resume/click',//简历点击量加1 resumeDownload: '/member/index/downResumeAdd',//下载简历 jobSupplementary: '/home/job/supplementary',//职位详情补充资料 companySupplementary: '/home/company/supplementary',//企业详情补充资料 resumeSupplementary: '/home/resume/supplementary',//简历详情补充资料 companyAttention: '/member/index/attentionCompanyAdd',// 关注企业 companyAttentionCancel: '/member/index/attentionCompanyCancel',// 取消关注企业 companyClick: '/home/company/click',//企业点击量加1 companyJoblist: '/home/job/index',//获取企业在招职位列表 companyJoblistNew: '/home/job/department_job_list',//获取企业在招职位列表 company_published_jobslist: '/company/index/joball',// 获取企业在招职位面试邀请 interview_add: '/member/index/interviewAdd',// 邀请面试 member_setmeal: '/company/service/mysetmeal',// 我的套餐 classify: '/home/classify/index',// 获取枚举类数据 articleClick: '/home/article/click',//资讯点击量加1 noticeClick: '/home/notice/click',//公告点击量加1 jobContrast: '/home/contrast/job',//职位对比 resumeContrast: '/home/contrast/resume',//简历对比 mapsearch: '/home/job/map',//地图搜索 loginByPwd: '/member/login/password',//账号密码登录 loginByCode: '/member/login/code',//验证码登录 agreementAndPrivacy: '/home/config/agreementAndPrivacy',//注册协议和隐私政策 statAfterLogin: '/member/index/statAfterLogin',//获取登录后统计信息 tipoff: '/member/info/tipoff',//举报 captchaPicture: '/home/captcha/picture',//图片验证码 cronRun: '/home/cron/index',//计划任务 jobfairRetrospect: '/home/jobfair/retrospect',//获取招聘会精彩回顾 jobfairRecommend: '/home/jobfair/recommend',//获取招聘会推荐企业 jobfairCompanylist: '/home/jobfair/comlist',//获取招聘会参会企业 jobfairPosition: '/home/jobfair/position',//获取招聘会展位信息 jobfairReserve: '/company/jobfair/reserve',//报名 jobfairolCompanyList: '/home/jobfairol/comlist',//获取网络招聘会参会企业 jobfairolJobList: '/home/jobfairol/joblist',//获取网络招聘会参会职位 jobfairolResList: '/home/jobfairol/resumelist',//获取网络招聘会参会个人 jobfairol_addlog: '/home/jobfairol/logAdd',//添加网络招聘会查看日志 jobfairolApply: '/home/jobfairol/apply',//报名 secretPhone: '/member/index/secretPhone',//号码保护接口 config: '/home/config/index',//获取网站配置信息 serviceOl: '/home/serviceol/index',//获取网站配置信息 sendsms_auth_mobile_nocheck: '/member/sendsms/authMobileNoCheck',//获取验证码 authMobileCheck: '/home/city_info/authMobileCheck',//验证码验证 get_experience: '/home/classify/index',//工作经验 get_tpl_list: '/home/poster/index',//生成海报 get_make_poster: '/home/poster_two/makePoster',//生成企业海报 // 图片bolb imgChangeBlob: '/home/poster_two/imgChangeBlob', get_tplindexList: '/home/poster/getTplindexList',//海报索引列表 // 快速招聘-详情 fast_jobdetail: '/home/fast/fast_job_info', // 快速招聘-刷新 fast_jobrefresh: '/home/fast/fast_job_refresh', // 快速招聘-删除 fast_jobdelete: '/home/fast/fast_job_del', // 快速招聘-发布 fast_jobedit: '/home/fast/fast_job_addsave', fast_jobpwd: '/home/fast/fast_job_pwd', // 快速求职-详情 fast_resumedetail: '/home/fast/fast_resume_info', // 快速求职-刷新 fast_resumerefresh: '/home/fast/fast_resume_refresh', // 快速求职-删除 fast_resumedelete: '/home/fast/fast_resume_del', // 快速求职-发布 fast_resumeedit: '/home/fast/fast_resume_addsave', fast_resumepwd: '/home/fast/fast_resume_pwd', getRegQuickCode: '/member/sendsms/regResumeQuick',//获取快速注册简历验证码 regResumeQuick: '/member/reg/personalQuick',//快速注册简历 interviewAddPre: '/member/index/interviewAddPre',//面试邀请预加载数据 company_list_by_trade: '/home/company/listByTrade',// 企业列表 imGlobal:'/member/im/imWindowGlobal',//聊天初始化配置读取 imGetToken:'/member/im/getToken',//获取聊天token imStart:'/member/im/startConversation',//发起聊天 imJoblist:'/member/im/joblisttwo',//获取聊天有效职位列表 // imJoblist:'/member/im/joblist',//获取聊天有效职位列表 imChatlist:'/member/im/chatList',//获取会话列表 imCheckBind:'/member/im/imCheckBind',//即时通讯检查绑定状态 company_pay_direct_service: '/company/service/pay_direct_service', // 企业下订单（快捷支付） member_account: '/member/account/index',// 账号管理 exportPdfByPhp: '/home/resume/exportPdfByPhp',// 导出PDF简历 collectionJobList: '/member/index/collection_job_list',// 收藏职位列表 collectionCompanyList: '/member/index/collection_company_list',// 收藏企业列表 chatCompany: '/company/listtype/chat_company', favJobAddBatch: '/member/index/favJobAddBatch', jobApplyAddBatch: '/member/index/jobApplyAddBatch', loginRegister: '/home/jobfairol/loginRegister',//网络招聘会登录/注册 applyTwo: '/home/jobfairol/applyTwo',//网络招聘会是否报名 completeResume: '/home/jobfairol/completeResume',//网络招聘登录完善简历 completeCompany: '/home/jobfairol/completeCompany',//网络招聘登录完善招聘 job_list: '/home/jobfairol/job_list',//网络招聘会企业职位列表 choice_job: '/home/jobfairol/choice_job',//网络招聘会增加职位 is_participate: '/home/jobfairol/is_participate',//网络招聘会增加职位 network_poster: '/home/poster/index',//网络招聘会分享 category_list: '/home/high_pay/category_list',//hr高薪抢人，高薪职位分类列表 company_list: '/home/high_pay/company_list',//hr高薪抢人，分类下的公司列表 experience_tag: '/home/high_pay/experience_tag',//hr高薪抢人，经验标签列表(我要跳槽) resume_list: '/home/high_pay/resume_list',//hr高薪抢人，经验分类下的简历列表 great_resume_list: '/home/high_pay/great_resume_list',//hr高薪抢人，简历推荐 light_active_status: '/home/lightcup/activity_status',//光能杯活动状态 login_register: '/home/lightcup/loginRegister',//光能杯登录注册----2024.11.28增加业务来源（如若其他业务用此接口，需要加餐数排除） enroll: '/home/lightcup/enroll_web',//光能杯报名 prize_list: '/home/lightcup/prize_list',//光能杯报名 voteHomepage:'/member/lightcup_vote/voteHomepage',//光能杯投票 msgVoteList:'/member/lightcup_vote/msgVoteList',//光能杯投票信息 voteCompanyList:'/member/lightcup_vote/companyList',//光能杯投票列表 voteSubmit:'/member/lightcup_vote/vote',//光能杯投票 voteJobList:'/member/lightcup_vote/jobList',//光能杯成功职位列表 shareVote:'/member/lightcup_vote/shareVote',//光能杯海报分享 voteDetailWeb:'/member/lightcup_vote/voteDetailWeb',//光能杯获取对应企业信息 honor_company_list:'/home/famous/honor_company_list_new',//名企精选 winning_list:'/home/lightcup_winning/winning_list',//光能杯榜单 jobTabList:'/home/leaderboard/jobTabList',//榜单tag rankingJobList:'/home/leaderboard/rankingJobList',//榜单 rankingCompanyList:'/home/leaderboard/rankingCompanyList', jobZone:'/home/leaderboard/jobZone' }, isLogin: false, loginUtype: 0, userToken: '', platform: "web", imToken:'', reConnectTime:0, websocketOk:false, } var locationUrl = qscms.sitedir + qscms.memberDirname qscms.locationList = { helpCenter: locationUrl + "/help", indexCompany: locationUrl + "/company", indexPersonal: locationUrl + "/personal", loginCompany: locationUrl + "/login/company", loginPersonal: locationUrl + "/login/personal", regCompany: locationUrl + "/reg/company", regPersonal: locationUrl + "/reg/personal", reg: locationUrl + "/reg", createResume: locationUrl + "/personal/resume/add_resume_step1", recommendResume: locationUrl + "/company/recommend", recommendJob: locationUrl + "/personal/recommend", setPrivacy: locationUrl + "/personal/privacy/setPrivacy", companyPassword: locationUrl + "/company/account/safety", companyService: locationUrl + "/company/service/setmeal", companyBaseinfo: locationUrl + "/company/manage/baseinfo", companyJobApplyList: locationUrl + "/company/resume/jobapply", companyInterviewList: locationUrl + "/company/resume/interview", companySetmeal: locationUrl + "/company/service/setmeal", personalJobApplyList: locationUrl + "/personal/job/jobapply", personalInterviewList: locationUrl + "/personal/job/interview", personalSet: locationUrl + "/personal/account/safety", companyViewList: locationUrl + "/company/resume/browsing", personalViewList: locationUrl + "/personal/job/viewjob", companyJobAdd: locationUrl + "/company/jobadd", companySetmealAdd: locationUrl + "/company/service/setmeal", companyJoblist: locationUrl + "/company/joblist", personalService: locationUrl + "/personal/service/stick", personalPassword: locationUrl + "/personal/account/safety", personalResume: locationUrl + "/personal/resume", forget: locationUrl + "/forget/1", appeal: locationUrl + "/appeal", wxpay: locationUrl + "/wxpay", oauthQq: locationUrl + "/oauth/qq/login", personalIm: locationUrl + "/personal/im", companyIm: locationUrl + "/company/im", companyServiceIm: locationUrl + "/company/service/increment/add/im", companyServiceDownloadResume: locationUrl + "/company/service/increment/add/resume_package", companyServiceIncrement: locationUrl + "/company/service/increment", } //获取列表中已选择的项目 qscms.getSelItemArr = function () { var idArr = [] var listArray = $('.J_allListBox .J_allList:checked'); $.each(listArray, function (index, val) { idArr.push(val.value) }); return idArr } var visitor = Cookies.get('qscms_visitor'); if (visitor !== undefined && visitor !== null) { visitor = JSON.parse(visitor) qscms.userToken = visitor.token qscms.isLogin = true qscms.loginUtype = visitor.utype } </script> <script> $(document).ready(function () { $('.J_allSelected').click(function () { var isChecked = $(this).is(':checked'); var listArray = $('.J_allListBox .J_allList'); $.each(listArray, function (index, val) { $(this).prop('checked', isChecked); }); }); $('.J_allList').click(function () { var isChecked = $(this).is(':checked'); if (isChecked) { var listArray = $('.J_allListBox .J_allList'); var listCheckedArray = $('.J_allListBox .J_allList:checked'); if (listArray.length == listCheckedArray.length) { $('.J_allSelected').prop('checked', isChecked); }; } else { $('.J_allSelected').prop('checked', isChecked); } }); }) </script> <script type="text/javascript" src="https://static.hsolar.com/js/error.js"></script> <script type="text/javascript" src="https://static.hsolar.com/js/http.js"></script> <div class="content_wrapper" id="app" v-cloak>  <div class="banner_container"> <img class="banner" src="https://static.solarbe.com/light_cup_talent/banner1.jpg" alt="" />  </div>  <div class="nav"> <ul class="w1200 flex"> <li class="flex_center"> <img class="logo" style="width: auto" src="https://static.solarbe.com/light_cup_talent/logo1.png" alt="" /> </li> <li class="nav_item cur flex_center"> <a href="/lightcup/2024#app">首页</a> </li> <li class="nav_item cur flex_center"> <a href="/lightcup/2024#introduction">评选介绍</a> </li> <li class="nav_item cur flex_center active"> <a href="#app">投票</a> </li> <li class="nav_item cur flex_center"> <a href="/lightcup/2024#rule">评选流程及方式</a> </li> <li class="nav_item cur flex_center "><a href="/lightcup/2024/winning">榜单</a></li> <li class="nav_item cur flex_center"> <a href="/lightcup/2024#welfare">入选福利</a> </li>  </ul> </div> <div class="vote w1200 flex"> <div></div> <div class="flex_center"> <div class="vote_num flex_center"> <div class="flex_center"> <div>{{vote_info.vote_num}}</div> <div class="flex_center"><span>总票数</span></div> </div> <div class="flex_center"> <div>{{vote_info.company_num}}</div> <div class="flex_center"><span>企业数</span></div> </div> <div class="flex_center"> <div>{{vote_info.click}}</div> <div class="flex_center"><span>访问量</span></div> </div> </div> </div> <div class="flex"> <div class="share_btn" @click="sharePosterClick('','')"><img src="https://static.hsolar.com/images/lightCup/vote_share.png" alt=""></div> </div> </div> <div class="flex_center"> <div v-if="vote_info.vote_state==0" :class="['vote_status',vote_info.vote_state==0?'vote_status_active':'','vote_status1','flex_center']"> {{vote_info.vote_time_str}} </div> <div v-else-if="vote_info.vote_state==1" :class="['vote_status',vote_info.vote_state==1?'vote_status_active':'','vote_status2','flex_center']"> {{vote_info.vote_time_str}} </div> <div v-else-if="vote_info.vote_state==2" :class="['vote_status',vote_info.vote_state==2?'vote_status_active':'','vote_status3','flex_center']"> {{vote_info.vote_time_str}} </div> </div> <div class="flex_center vote_timer"> <div class="flex_center"> <img src="https://static.hsolar.com/images/lightCup/vote_icon3.png" alt="" />{{vote_info.vote_start_time }} </div> <div class="flex_center"> <img src="https://static.hsolar.com/images/lightCup/vote_icon2.png" alt="" />{{vote_info.vote_end_time }} </div> <div class="flex_center"> <img src="https://static.hsolar.com/images/lightCup/vote_icon1.png" alt="" />{{vote_info.vote_rule}} </div> </div> <div class="title w1200" id="vote"> <img src="https://static.hsolar.com/images/lightCup/vote_title.png" alt="" /> </div> <el-carousel height="20px" direction="vertical" :autoplay="true" class="swiper w1200" indicator-position="none"> <el-carousel-item v-for="item in msgVoteList" :key="item"> {{item}} </el-carousel-item> </el-carousel> <div class="search w1200 flex"> <div class="search_conatiner flex"> <input v-model="keyword" type="text" placeholder="请输入企业名称或简称" /> <div class="search_btn flex_center" @click="funSearch('')"> <img src="https://static.hsolar.com/images/lightCup/search_btn.png" alt="" /> </div> </div>  </div> <div class="company_content flex w1200"> <div class="company_left_content"> <div v-for="item in prizeList" :key="item.id" :class="['company_left_items','flex_center',pid == item.id?'active':'']" @click="funSearch(item.id)"> <img src="https://static.hsolar.com/images/lightCup/vote_prize.png" alt="" />{{item.name}} </div> </div> <div class="company_right_content flex" v-if="vote_company_info.length"> <div class="company_right_item" v-for="item in vote_company_info" :key="item.cid"> <div class="company_info flex"> <div class="comapny_logo" @click="funVote(item)"><img :src="item.logo_src" alt="" /></div> <div class="comapny_info"> <div class="company_name substring" :title="item.companyname" @click="funVote(item)">{{item.companyname}}</div> <div class="company_tag substring" :title="item.info_string"> <span class="lines" v-if="item.district_text">{{item.district_text}}</span> <span class="lines" v-if="item.trade_text">{{item.trade_text}}</span> <span class="lines" v-if="item.nature_text">{{item.nature_text}}</span> </div> </div> </div> <div class="company_tags flex"> <span v-for="ele in item.tag_text_arr">{{ele}}</span> </div> <div class="company_desc substring" style="white-space: pre-line;" :title="item.slogan"><span>{{item.slogan}}</span></div> <div class="company_vote_num flex"> <div class="vote_nums"> <img src="https://static.hsolar.com/images/lightCup/vote_num_icon.png" alt="" />{{item.vote_num}}票 </div> <a :href="`/company/${item.cid}.html?source=joblist`" target="_blank"><div><span v-if="item.jobnum">{{item.jobnum}}职位</span></div></a> </div> <div class="company_vote_btn flex"> <div class="btn1 flex_center" @click="funVote(item)">点评</div> <div class="btn2 flex_center" @click="sharePosterClick(item.cid,item.companyname)">拉票</div> </div> </div> </div> <div class="company_right_content flex_center" v-else> <div class="empty"> <img src="https://static.hsolar.com/images/famous/empty.png" alt=""> <p>暂无数据</p> </div> </div> </div> <div class="tips w1200"> <p>友情提示：</p> <p>1、参评企业排序不分先后，仅为首字母倒序。</p> <p>2、投票过程中，企业排序会根据票数自动更新。</p> <p>3、网络投票为评选环节之一，最终获奖以组委会公示为准。</p> </div>  <el-dialog title="快捷注册/登录" :close-on-click-modal="false" :visible.sync="dialogVisibleLogin" width="1174px" style="top: 15%" class="logReg" :before-close="handleLoginClose"> <div style="height: 100%; position: relative; width: 100%"> <img class="close" src="https://static.hsolar.com/images/lightCup/login_close.png" alt="" @click="dialogVisibleLogin = false" /> <div class="left_content"> <img src="https://static.hsolar.com/images/lightCup/login_left.png" alt="" /> <img src="https://static.hsolar.com/images/lightCup/login_bottom.png" alt="" /> </div> <div class="right_content"> <div class="right_content_title">快捷注册/登录</div> <div class="logReg_content"> <el-input v-model.trim="mobile" placeholder="请输入手机号"></el-input> <div class="yzm"> <el-input v-model="code" placeholder="请输入验证码"></el-input> <span :class="['codeBut',sendSmsBtnText=='获取验证码'?'cur':'']" :value="sendSmsBtnText" @click="sendSms">{{sendSmsBtnText}}</span> </div> <button @click="signLogin">登录/注册</button> </div> </div> </div> </el-dialog>  <el-dialog :close-on-click-modal="false" :visible.sync="dialogVisibleVote" width="944px" style="top: 5%" class="dialog_vote" :before-close="handleLoginClose"> <div class="dialog_banner"> <img src="https://static.hsolar.com/images/lightCup/dialog_banner.png" alt="" /> </div> <div class="dialog_company_info"> <div class="dialog_company_name">{{companyInfo.companyname}}</div> <div class="dialog_company_desc"> <span>{{companyInfo.content}}</span> </div> </div> <div class="dialog_company_content"> <div class="dialog_company_slogan flex_center"> <img src="https://static.hsolar.com/images/lightCup/vote_icon4.png" alt="" /> <span>{{companyInfo.slogan}}</span> </div> <div class="dialog_company_title flex_center"> <span>- 评选奖项 -</span> </div> <div class="dialog_company_prize flex" v-if="!commentPrice"> <div class="flex_center" v-for="ele in companyInfo.prize" :key="ele.id"> <img src="https://static.hsolar.com/images/lightCup/vote_prize.png" alt="" />{{ele.name}} </div> </div> <div class="dialog_company_start flex_center" v-if="!commentPrice"> <span>一键点评</span> <el-rate void-color="#DDDDDD" void-icon-class="el-icon-star-on" v-model="start" :colors="colors" @change="funClick"> </el-rate> </div> <div class="dialog_company_message" v-if="!commentPrice" @click="funEvent('checkPrice')"> 展开查看详情<img src="https://static.hsolar.com/images/lightCup/vote_icon5.png" alt="" /> </div> <div v-if="commentPrice"> <template v-for="ele in companyInfo.prize" :key="item.id"> <div class="dialog_company_prize_title flex_center"> <img src="https://static.hsolar.com/images/lightCup/vote_prize.png" alt="" />{{ele.name}} </div> <div class="dialog_company_prize_tag flex" v-if="commentPrice"> <template v-for="items in ele.standard_l" :key="items.id"> <div :class="['flex_center',items.checked?'active':'']" @click="checkPrize(ele.id,items.id)">{{items.tag}}</div> </template> </div> </template> </div> <div class="dialog_company_checkAll" v-if="commentPrice"> <span>一键全选</span> <el-switch v-model="switchChecked" @change="switchChange" active-color="#E28810" inactive-color="#E3E3E3"> </el-switch> </div> <div class="dialog_company_btn flex_center"> <div class="flex_center" @click="funEvent('submit')">点评</div> <div class="flex_center btn1" @click="sharePosterClick(companyInfo.cid,companyInfo.companyname)">为TA拉票</div> </div> </div> </el-dialog>  <el-dialog :close-on-click-modal="false" :visible.sync="dialogVisibleFinish" width="944px" style="top: 3%" class="dialog_finish" :before-close="handleClose"> <div class="finish_content"> <div class="dialog_finish_status1 flex_center">点评结果</div> <div class="dialog_finish_status2 flex_center"> <img src="https://static.hsolar.com/images/lightCup/vote_finfish_icon.png" alt="" /> </div> <div class="dialog_finish_status3 flex_center">点评成功~</div> <div class="dialog_finish_title flex_center"> {{finfishInfo.prompt_msg}} </div> <div class="dialog_finish_title1 flex_center"> {{finfishInfo.vote_msg}} </div> <div class="dialog_finish_btn flex_center">  <div class="flex_center" @click="sharePosterClick(finfishInfo.cid,finfishInfo.companyname)">为TA拉票</div> </div> <div class="dialog_finish_ad"> <img src="https://static.hsolar.com/images/lightCup/vote_finfish_ad.png" alt="" /> <img class="ad_ewm" :src="finfishInfo.share_erweima" alt=""> </div> <div class="dialog_finish_title2 flex_center">群聊:光储氢求职交流群</div> <div class="dialog_finish_img flex_center"> <img src="https://static.solarbe.com/talentNetwork/miniProgram/lightcup/ewm.png" alt="" /> </div> </div> <div class="finish_tab_content"> <div class="finish_tab flex_center"> <div :class="['flex_center',finfishType==1?'active':'']" @click="funGetJobList(1)">企业在招职位</div> <div :class="['flex_center',finfishType==2?'active':'']" @click="funGetJobList(2)">参会企业在招职位</div> </div> <div v-if="finfishType==1"> <div v-if="voteJobList.length" class="finish_tab1_content flex">  <div class="finish_tab1_item" v-for="item in voteJobList" :key="item.id" style="height: 136px;"> <a :href="`/job/${item.id}.html`" target="_blank"><div class="job_name substring">{{item.jobname}}</div></a> <div class="job_tag substring"> <span class="line" v-if="item.district_text">{{item.district_text}}</span> <span class="line" v-if="item.experience_text">{{item.experience_text}}</span> <span class="line" v-if="item.education_text">{{item.education_text}}</span> <span class="price line" v-if="item.wage_text">{{item.wage_text}}</span> </div> <div class="job_tags flex"> <span v-for="(ele,index) in item.all_job_tag" :key="index+'tag'">{{ele}}</span> </div> </div> </div> <div class="empty" v-else> <img src="https://static.hsolar.com/images/famous/empty.png" alt=""> <p>暂无数据</p> </div> </div> <div v-if="finfishType==2"> <div v-if="voteJobList.length" class="finish_tab2_content flex"> <div class="finish_tab1_item" v-for="item in voteJobList" :key="item.id"> <a :href="`/job/${item.id}.html`" target="_blank"><div class="job_name substring">{{item.jobname}}</div></a> <div class="job_tag substring"> <span class="line" v-if="item.district_text">{{item.district_text}}</span> <span class="line" v-if="item.experience_text">{{item.experience_text}}</span> <span class="line" v-if="item.education_text">{{item.education_text}}</span> <span class="price line" v-if="item.wage_text">{{item.wage_text}}</span> </div> <div class="job_tags flex"> <span v-for="(ele,index) in item.all_job_tag" :key="index+'tag'">{{ele}}</span> </div> <div class="finish_comapny_info flex"> <a :href="`/company/${item.company_id}.html`" target="_blank"><div class="finish_comapny_logo"><img :src="item.company_info.logo_src" alt="" /></div></a> <div class="finish_comapny_msg"> <a :href="`/company/${item.company_id}.html`" target="_blank"><div class="finish_comapny_name substring">{{item.company_info.companyname}}</div></a> <div class="finish_comapny_tag_content"> <div> <span class="dots" v-if="item.company_info.trade_text">{{item.company_info.trade_text}}</span> <span class="dots" v-if="item.company_info.nature_text">{{item.company_info.nature_text}}</span> <span class="dots" v-if="item.company_info.founded_time_text">{{item.company_info.founded_time_text}}</span> </div> <div class="finish_comapny_tags" v-if="item.company_info.com_str_num<13"> <span class="dots" v-if="item.company_info.district_text">{{item.company_info.district_text}}</span> <span class="dots" v-if="item.company_info.scale_text">{{item.company_info.scale_text}}</span> </div> </div> </div> </div> </div> </div> <div class="empty" v-else> <img src="https://static.hsolar.com/images/famous/empty.png" alt=""> <p>暂无数据</p> </div> </div> </div> <div class="page flex_center"> <el-pagination background layout="prev, pager, next" @current-change="handleCurrentChange" :current-page.sync="finishPage" :page-size="finishPageSize" :total="finishTotal" > </el-pagination> </div> </el-dialog>  <el-dialog style="top:5%" title="" :visible.sync="showSharePoster" width="300px" :center="true" :show-close="false" :close-on-press-escape="false" :close-on-click-modal="false"> <div class="share_module" style="text-align: center;">  <div style="min-height: 350px;"> <el-image :src="companyPoster" error-text="海报生成中..." > <div slot="placeholder" class="image-slot" > <i class="el-icon-loading"></i> 海报生成中<span class="dot">...</span> </div> </el-image> </div> <div style="width:100%;overflow: hidden;"> <span style="display: inline-block; float: left; background: #1787FB; color: #fff; width: 120px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; border-radius: 6px; margin-top: 34px; cursor: pointer;" @click="downloadIamge(tplImg)">下载到本地</span> <span style="display: inline-block; float: right; background: #CCCCCC; color: #fff; width: 120px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; border-radius: 6px; margin-top: 34px; cursor: pointer;" @click="closeShareImg">关闭</span> </div> </div> </el-dialog> </div>  <script> function loadTencent() { if (window.BMap !== undefined) { return; } var script = document.createElement("script"); script.type = "text/javascript"; script.src = "https://turing.captcha.qcloud.com/TCaptcha.js"; document.body.appendChild(script); } function loadVaptcha() { if (window.BMap !== undefined) { return; } var script = document.createElement("script"); script.type = "text/javascript"; script.src = "https://v.vaptcha.com/v3.js"; document.body.appendChild(script); } var captcha_open = parseInt("1"); var captcha_type = "picture"; if (captcha_open == 1) { if (captcha_type == "tencent") { loadTencent(); } else if (captcha_type == "vaptcha") { loadVaptcha(); } } // if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) { // // 当前设备是移动设备 // window.location.href = "https://www.hsolar.com/lightcup/2024/vote"; // } var app = new Vue({ el: "#app", data: { dialogVisibleLogin: false, //登录注册企业弹框 mobile: "", code: "", sendSmsTimer: "", sendSmsInterval: 60, sendSmsLimit: false, sendSmsBtnDisabled: false, sendSmsBtnText: "获取验证码", captcha_open: 0, captcha_type: "", regularMobile: /^13[0-9]{9}$|14[0-9]{9}$|15[0-9]{9}$|18[0-9]{9}$|17[0-9]{9}$|16[0-9]{9}$|19[0-9]{9}$/, //手机号规则 token: "", prize: [], sign_info: {}, vote_info: {}, //投票基本信息 msgVoteList: [], //投票信息列表 isFilter: false, //过滤状态 prizeList: [], //奖项列表 pid: "", vote_company_info: [], keyword: "", page: 1, pagesiz: 10, total: 1, dialogVisibleVote: false, //投票弹框 colors: ["#FFBB00", "#FFBB00", "#FFBB00", "#FFBB00", "#FFBB00"], iconClasses: [ "el-icon-star-on", "el-icon-star-on", "el-icon-star-on", "el-icon-star-on", "el-icon-star-on", ], start: 5, switchChecked: false, dialogVisibleFinish: false, //投票成功 commentPrice: false, companyInfo: {}, finfishInfo:{}, finfishType:1, finishPage:1, finishPageSize:4, finishTotal:1, voteJobList:[], showSharePoster:false, tplImg:'', companyPoster:'', postName:'' }, mounted() { this.getVoteHomepage(); this.getmsgVoteList(); this.prize_list(); this.getVoteCompanyList(); const searchParams = new URLSearchParams(window.location.search); let conpanyID = searchParams?.get('id')||'' if(conpanyID){ this.getCompanyInfo(conpanyID) } }, methods: { getCompanyInfo(id){ let t = this,data = { cid:id } httppost(qscms.apiList.voteDetailWeb, data).then(function (res) { t.funVote(res.data.item) }) }, checkPhone(value) { if (!value) { return; } if (!this.regularMobile.test(value)) { that .$confirm("手机号格式不正确", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); return false; } }, // 登录/注册 signLogin: function () { let that = this; if (!that.mobile) { that .$confirm("请输入手机号", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); return false; } if (!that.regularMobile.test(that.mobile)) { that .$confirm("手机号格式不正确", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); return false; } if (!that.code) { that .$confirm("请输入验证码", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); return false; } var data = { mobile: that.mobile, code: that.code, utype: 2, }; httppost(qscms.apiList.login_register, data).then(function (res) { let { code, data, message } = res; if (res.code == 200) { Cookies.remove("qscms_visitor"); var visitor = { utype: res.data.utype, token: res.data.token, mobile: res.data.mobile, userIminfo: res.data.user_iminfo, }; if (that.subsite_open === 1 && that.subsite_domain != "") { Cookies.set("qscms_visitor", JSON.stringify(visitor), { expires: 7, domain: "." + that.subsite_domain, }); } else { Cookies.set("qscms_visitor", JSON.stringify(visitor), { expires: 7, }); } that.token = res.data.token; // 关闭登录弹框 that.dialogVisibleLogin = false; // 关闭投票弹框 that.dialogVisibleVote = false; // 投票 that.submitVote(res.data.token); // 背景禁止滚动 document.querySelector("body").style.overflow = "hidden"; } else { that .$confirm(res.message, "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); } }); }, // toView() { // this.dialogVisibleSign = false // window.open(qscms.locationList.indexCompany) // }, // 奖项列表 prize_list() { let that = this; httpget(qscms.apiList.prize_list).then(function (res) { let { code, data } = res; if (code == 200) { that.prizeList = [{ id: "", name: "全部" }, ...data]; } }); }, // 获取验证码 sendSms: function () { var that = this; if (that.sendSmsBtnDisabled === true) { return false; } if (!that.mobile) { that .$confirm("请输入手机号", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); return false; } if (!that.regularMobile.test(that.mobile)) { that .$confirm("手机号格式不正确", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); return false; } if (that.captcha_open == 1) { if (that.captcha_type == "tencent") { var captchaWindow = new TencentCaptcha( "", function (res) { that.doSendSms(res); } ); captchaWindow.show(); } else if (that.captcha_type == "vaptcha") { vaptcha({ vid: "", // 验证单元id type: "invisible", // 显示类型隐藏式 scene: 0, // 场景值默认0 offline_server: "", //离线模式服务端地址，若尚未配置离线模式，请填写任意地址即可。 }).then(function (vaptchaObj) { obj = vaptchaObj; //将VAPTCHA验证实例保存到局部变量中 //获取token的方式二： vaptchaObj.listen("pass", function () { that.doSendSms({ code: vaptchaObj.getToken() }); }); //关闭验证弹窗时触发 vaptchaObj.listen("close", function () { //验证弹窗关闭触发 }); obj.validate(); }); } else { that.showPictureCaptcha = true; that.pictureCaptchaCallback = "doSendSms"; } } else { that.doSendSms(null); } }, //zdq 短信验证码重复发送修改 doSendSms: function (captcha) { var that = this; if (that.sendSmsLimit) { return false; } that.sendSmsLimit = true; httppost(qscms.apiList.getLoginCode, { mobile: that.mobile, utype: 2, captcha: captcha, }) .then(function (res) { that.sendSmsLimit = false; that .$confirm("验证码发送成功", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); that.sendSmsTimer = setInterval(function () { if (that.sendSmsInterval === 0) { that.sendSmsBtnDisabled = false; that.sendSmsBtnText = "获取验证码"; that.sendSmsInterval = 60; clearInterval(that.sendSmsTimer); } else { that.sendSmsBtnDisabled = true; that.sendSmsBtnText = "重发 " + that.sendSmsInterval + " 秒"; that.sendSmsInterval--; } }, 1000); }) .catch(function () { that.sendSmsLimit = false; }); }, handleLoginClose() { this.dialogVisibleLogin = false; this.dialogVisibleFinish = false; this.dialogVisibleVote = false; this.getVoteCompanyList(); // 背景恢复滚动 document.querySelector("body").style.overflow = ""; }, // 投票基本信息 getVoteHomepage() { let t = this; httppost(qscms.apiList.voteHomepage).then(function (res) { t.vote_info = res.data; t.vote_info.vote_start_time = t.formatDate( t.vote_info.vote_start_time ); t.vote_info.vote_end_time = t.formatDate(t.vote_info.vote_end_time); }); }, // 投票筛选企业列表 getVoteCompanyList() { let t = this, params = { keyword: this.keyword, sort: "enrolltime", page: 1, pagesize: 10, pid: this.pid, }; httppost(qscms.apiList.voteCompanyList, params).then(function (res) { t.vote_company_info = res.data.items; (t.page = res.data.current_page), (t.total = res.data.total); }); }, formatDate(timestamp) { let date = new Date(timestamp * 1000); let year = date.getFullYear(); let month = date.getMonth() + 1; // 月份从0开始，所以需要加1 let day = date.getDate(); let hours = date.getHours(); let minutes = date.getMinutes(); let seconds = date.getSeconds(); // 补零 month = month < 10 ? "0" + month : month; day = day < 10 ? "0" + day : day; hours = hours < 10 ? "0" + hours : hours; minutes = minutes < 10 ? "0" + minutes : minutes; seconds = seconds < 10 ? "0" + seconds : seconds; return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; }, // 投票信息 getmsgVoteList() { let t = this; httppost(qscms.apiList.msgVoteList).then(function (res) { t.msgVoteList = res.data; }); }, funSearch(id = "") { this.pid = id; this.page = 1; this.getVoteCompanyList(); }, funVote(item) { if (item.vote_remaining_num == 0) { return this.$confirm("今日投票机会用完了，明天再来点评~", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); } this.companyInfo = item; this.dialogVisibleVote = true; this.commentPrice = false this.funClick() }, handleClose(){ this.dialogVisibleLogin = false; this.dialogVisibleFinish = false; this.dialogVisibleVote = false; this.keyword='' this.pid = '' this.getVoteCompanyList() // 背景恢复滚动 document.querySelector("body").style.overflow = ""; }, funEvent(type) { switch (type) { case "submit": if (!this.vote_info.is_login) { return this.dialogVisibleLogin = true } if (this.companyInfo.vote_remaining_num == 0) { return this.$confirm("今日投票机会用完了，明天再来点评~", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); } // 点评接口 this.submitVote(); break; case "notStart": this.$confirm("暂未开启，敬请期待~", "提示", { confirmButtonText: "关闭", showCancelButton: false, type: "warning", }) .then(() => { }) .catch(() => { }); break; case "checkPrice": this.commentPrice = true break; case "backVote": this.dialogVisibleLogin = false; this.dialogVisibleFinish = false; this.dialogVisibleVote = false; this.keyword='' this.pid = '' this.getVoteCompanyList() // 背景恢复滚动 document.querySelector("body").style.overflow = ""; break; default: break; } }, // 是否全选 switchChange(value) { if (value) { this.companyInfo.prize.forEach(element => { element.standard_l.forEach((item) => { item.checked = true }) }); } else { this.companyInfo.prize.forEach(element => { element.standard_l.forEach((item) => { item.checked = false }) }); } }, // 选择点评标签 checkPrize(pid,id){ this.companyInfo.prize.forEach(element => { if(element.id==pid){ element.standard_l.forEach((item)=>{ if(item.id==id){ item.checked = !item.checked } }) standard_l = element.standard_l.every(function(item){ return item.checked; }) element.all = standard_l } }); let result=this.companyInfo.prize.every(function(item){ return item.all; }) this.switchChecked = result this.$forceUpdate() }, // 点评星星 funClick(e){ let t = this,dex = e||5 this.start = e||5 ++dex this.companyInfo.prize.forEach((item)=>{ if(this.start==1){ item.standard_l.forEach((ele,index)=>{ if(index<2){ ele.checked = true }else{ ele.checked = false } }) }else if(this.start==5){ item.all = true item.standard_l.forEach((ele,index)=>{ ele.checked = true }) this.switchChecked = true }else{ item.standard_l.forEach((ele,index)=>{ if(index<dex){ ele.checked = true }else{ ele.checked = false } }) } }) }, submitVote(token){ let t = this, params = { cid: t.companyInfo.cid, vote_info: t.companyInfo.prize, token: token||'', vote_source:'web' }; httppost(qscms.apiList.voteSubmit, params).then(function (res) { t.finfishInfo = res.data t.dialogVisibleVote = false t.dialogVisibleFinish = true t.finfishType = 1 t.funGetJobList(t.finfishType,1) // 背景禁止滚动 document.querySelector("body").style.overflow = "hidden"; }); }, handleCurrentChange(e){ this.finishPage = e this.funGetJobList(this.finfishType) }, funGetJobList(type,isFirst){ if(this.finfishType != type){ this.finishPage = 1 } this.finfishType = type let t = this, params = { cid: type==2?'':t.finfishInfo.cid, page: this.finishPage, pagesize: this.finishPageSize }; httppost(qscms.apiList.voteJobList, params).then(function (res) { t.voteJobList = res.data.items t.finishTotal = res.data.total if(isFirst==1&&!res.data.items.length){ t.finfishType = 2 t.funGetJobList(2) } }); }, getCompanyPoster(id=''){ let t = this, params = { cid: id||'' }; httppost(qscms.apiList.shareVote, params).then(function (res) { t.tplImg = res.data.share_poster t.companyPoster = res.data.share_poster }); }, sharePosterClick(id,name=''){ this.tplImg = '' this.companyPoster = '' this.showSharePoster = true this.postName = name this.getCompanyPoster(id) }, downloadIamge(imgsrc) { // 下载图片地址和图片名 let that = this httppost(qscms.apiList.imgChangeBlob, { img_url:imgsrc}) .then(function (res) { const { code, data } = res if (code == 200){ let link = document.createElement('a'); link.style.display = 'none'; link.href = data.blob; link.setAttribute('download', that.postName || '光能杯投票'); document.body.appendChild(link); link.click(); } else { that.$message({ type: 'error', message: res.message }) } }) .catch(function () { }) }, closeShareImg (){ this.showSharePoster = false }, }, }); </script> <style> .signDiloag .el-dialog { border-radius: 24px; } .signDiloag .el-dialog__header { height: 48px; background: linear-gradient(0deg, #fff4e3, #ffd490); border-radius: 18px 18px 0px 0px; padding: 0; display: flex; align-items: center; justify-content: center; } .logReg .el-dialog__header { text-align: center; font-size: 18px; color: #333333; font-weight: 600; display: none; } .logReg .el-dialog__body { padding: 0; width: 1174px; height: 528px; border-radius: 6px; background: url("https://static.hsolar.com/images/lightCup/login_bg.png") no-repeat; background-size: 100% 100%; } .signDiloag .el-dialog__title { font-family: MiSans; font-weight: 600; font-size: 24px; color: #333333; background: linear-gradient(0deg, #c16f00 0%, #eb9000 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 52px; line-height: 52px; } .signDiloag .el-dialog__headerbtn .el-dialog__close { color: #333333 !important; width: 16px; height: 16px; } .signDiloag .el-dialog__body { padding: 0px 28px 15px; /* max-height: 430px; overflow: auto; */ } .personal_title .signDiloag .el-input__inner { width: 100%; height: 42px; text-indent: 0.5em; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; } .signDiloag .personal .el-form-item__content { display: flex; align-items: center; } .signDiloag .el-form-item { margin-bottom: 12px !important; } .personal .el-form-item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .personal .el-form-item:last-of-type { padding-bottom: 0; border-bottom: 0; } .signDiloag .el-dialog__footer { padding-top: 0; } .signDiloag .el-dialog__headerbtn { right: 25px; font-size: 25px; top: 11px; } .signDiloag .el-input__inner { border-radius: 0 4px 4px 0; } .signDiloag .enterprise_left { height: 40px; line-height: 40px; } .right_content { width: 380px; height: 388px; background: #ffffff; border-radius: 6px; padding: 46px 32px; position: absolute; right: 41px; top: 50%; transform: translate(0, -50%); box-sizing: border-box; } .right_content_title { text-align: center; font-size: 18px; color: #333333; font-weight: 600; padding-bottom: 30px; } .left_content { position: absolute; left: 40px; top: 50%; transform: translate(0, -50%); } .left_content img:nth-of-type(2) { position: relative; top: 28px; left: 30px; } .close { width: 16px; height: 16px; position: absolute; right: 24px; top: 20px; cursor: pointer; } /* 报名成功弹框 */ .sign_dialog_content { width: 1174px; height: 528px; background: url("https://static.solarbe.com/light_cup_talent/sign_bg.png") no-repeat; background-size: 100% 100%; position: relative; } .sign_dialog_content .sign_left_content { position: absolute; left: 117px; top: 50%; transform: translate(0, -50%); } .sign_dialog_content .sign_right_content { width: 360px; height: 388px; background: url("https://static.solarbe.com/light_cup_talent/sign_right_bg.png") no-repeat; background-size: 100% 100%; position: absolute; right: 51px; top: 50%; transform: translate(0, -50%); } .apply_success_content .apply_success_title { padding-top: 40px; display: flex; justify-content: center; font-family: MiSans; font-weight: 600; font-size: 18px; color: #28c445; line-height: 24px; padding-bottom: 22px; } .apply_success_content .apply_success_title img { width: 22px; height: 22px; margin-right: 10px; } .apply_success_content .apply_defaullt_title { color: #f23c3c !important; } .apply_success_content .apply_success_prize { height: 100px; display: table; margin: 0 auto 10px; } .apply_success_content .apply_success_prize li { font-family: "MiSans"; font-weight: 400; font-size: 14px; color: #333333; line-height: 24px; } .apply_success_content .apply_success_title1 { width: 210px; height: 20px; margin: 0 auto 24px; } .apply_success_content .apply_success_title2 { width: 290px; height: 17px; margin: 0 auto 8px; } .apply_success_content .apply_success_title1 img { width: 100%; height: 100%; } .apply_success_content .apply_success_button { width: 98px; height: 32px; background: #ff6600; border-radius: 16px; display: flex; justify-content: center; align-items: center; font-family: "MiSans"; font-weight: 400; font-size: 14px; color: #ffffff; cursor: pointer; margin: 0 auto 29px; } .apply_success_content .apply_success_button img { margin-left: 6px; width: 16px; height: 16px; } .apply_success_content .apply_success_intro, .apply_success_content .apply_success_intro li { display: flex; justify-content: center; align-items: center; } .apply_success_content .apply_success_intro li { flex: 1; flex-direction: column; } .apply_success_content .apply_success_intro li img { width: 25px; height: 25px; margin-bottom: 9px; } .apply_success_content .apply_success_intro li span { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 12px; color: #20427c; } .sign_dialog .el-dialog { border-radius: 8px; overflow: hidden; } .dialog_vote .el-dialog__body { padding: 20px 30px !important; } .dialog_finish .el-dialog__body { padding: 20px 0px !important; } .dialog_finish .el-dialog__body .finish_content { padding: 0 40px; } .el-image__inner{ width: 100%; height: auto; } .dialog_vote .el-dialog, .dialog_finish .el-dialog { border-radius: 20px; overflow: hidden; } .el-image__error{ height: 300px; background-color: #fff; } </style>