DESIGNED FOR SIMPLICITY
MeetingBarA40 is a next-generation all-in-one video bar that leverages
industry-leading
AI to enhance daily hybrid meetings. It offers easy deployment
and use, making
it ideal for premium small to medium-sized meeting rooms.
SIMPLIFY WITH ONE PLUG
MeetingBarA40’s One-Cable Solution simplifies deployment and sharing in 2 ways.
A single
Cat5e cable from the bar to the touch console provides power and network
connectivity to the touch console, eliminating extra cables. Signing in on the touch console
synchronizes the entire system, removing the need to sign in on the touch
console.
Additionally, a single USB-C cable from the touch console to the PC
enables 4K sharing,
BYOD, and PDcharging.
2 LOOKS
BETTER THAN 1
The MeetingBarA40‘s dual-camera
system captures an ultra-wide view with impressive details. Its dual 78°FoV
cameras collaborate to form a superior 120° frame, providing high-quality
shots, particularly at a distance. Elevate your
visuals with precision and clarity in every frame. You look great. No one is
missed out.
BE IMPRESSIVE
WITH AI-POWERED VIEW
The MeetingBar A40 ensures everyone is equally
impressive and important in a virtual meeting.
Embrace a new level of meeting equity
The on-device IntelliFocus feature displays real-time close-up shots of the recent speakers, enabling you to stay focused on what truly matters. Feel free to make your points just as you would in a face-to-face conversation.
The Video Fence feature marks the boundaries of a virtual meeting space. Your colleagues only see and hear what’s inside, keeping the focus solely on your point.
Voice
Enhanced with AI-Powered Audio
To
ensure a smooth and distraction-free virtual meeting, A40provideshigh-quality
full-duplex audio
with
AI-Enhanced Noise Cancellation and Reverberation Suppression.
Play
With A40
00:00
FLEXIBILTY MAXIMIZED
The
touch console CTP25 can be mounted on the desk or wall, and it offers flexible
connectivity options with direct connection to the bar or via IP.
ANDROID BASED, MEETINGS SECURED
MeetingBar A40, based on Android 13, supports the Microsoft Device
Ecosystem Platform (MDEP), ensuring a future-proof and secure meeting
experience that effectively combats malicious attacks and data leaks.
MANAGEMENT OVER THE AIR
Masterdevices in bulk with professional management platforms such as Microsoft Teams Admin Center
(TAC), MTR Portal Management Platform(PMP), Zoom Device Platform (ZDM) and Yealink Management
Cloud Service (YMCS).
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: background-image 0.5s ease 0s;
}
.editor-switch-pic-mounting-container .mounting-wiring-pic-container {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: background-image 0.5s ease 0s;
}
.editor-switch-pic-mounting-container .mounting-menu-container {
position: absolute;
right: 0.12rem;
width: 0.68rem;
top: 50%;
transform: translate(-50%, -50%);
padding-top: 64px;
}
.editor-switch-pic-mounting-container .mounting-menu-common {
width: 100%;
background-color: #000000;
border-radius: 34px;
opacity: 0.8;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
margin-bottom: 0.08rem;
}
.editor-switch-pic-mounting-container .mounting-menu-common.switch-common {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
.editor-switch-pic-mounting-container .mounting-menu-common .switch-title {
height: 0.42rem;
line-height: 0.42rem;
text-align: center;
color: #dcdcdc;
}
.editor-switch-pic-mounting-container .mounting-menu-common .switch-container {
width: 0.57rem;
height: 0.39rem;
margin: auto;
background-image: linear-gradient(#08b286, #08b286), linear-gradient(#8e8e8e, #8e8e8e), linear-gradient(#ffffff, #ffffff);
background-blend-mode: normal, normal, normal;
border-radius: 20px;
padding: 0 0.05rem;
display: flex;
align-items: center;
cursor: pointer;
justify-content: end;
}
.editor-switch-pic-mounting-container .mounting-menu-common.switch-common .switch-container.close-switch {
justify-content: start;
background-image: linear-gradient(#8e8e8e, #8e8e8e), linear-gradient(#8e8e8e, #8e8e8e), linear-gradient(#ffffff, #ffffff);
}
.editor-switch-pic-mounting-container .mounting-menu-common .switch-container .switch-button {
width: 0.28rem;
height: 0.28rem;
line-height: 0.39rem;
background-color: #ffffff;
border-radius: 50%;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-title {
height: 0.42rem;
line-height: 0.42rem;
color: #dcdcdc;
}
.editor-switch-pic-mounting-container .mounting-menu-common.switch-common .menu-block.is-select {
background-color: #ffffff;
border-radius: 21px;
width: 90%;
margin: auto;
}
.editor-switch-pic-mounting-container .mounting-menu-common.switch-common .menu-block.is-select .menu-title {
color: #1b1b1b;
}
.editor-switch-pic-mounting-container .mounting-menu-common.switch-common .menu-block:not(:last-child) {
margin-bottom: 0;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-block {
text-align: center;
width: 100%;
cursor: pointer;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-block.is-select .menu-pic {
background-color: #ffffff;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-block.is-select .menu-dec {
color: #ffffff;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-block:not(:last-child) {
margin-bottom: 0.25rem;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-block .menu-pic {
width: 0.55rem;
height: 0.55rem;
background-color: #9c9c9c;
border-radius: 50%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-block .menu-pic img {
width: 70%;
height: 70%;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-block .menu-dec {
color: #dcdcdc;
}
@media screen and (max-width: 800px) {
.editor-switch-pic-mounting-container .mounting-menu-container {
width: 1rem;
right: 0;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-title {
height: 0.6rem;
line-height: 0.6rem;
}
.editor-switch-pic-mounting-container .mounting-menu-common .menu-block .menu-pic {
width: 0.8rem;
height: 0.8rem;
}
.editor-switch-pic-mounting-container .mounting-menu-common.switch-common {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.editor-switch-pic-mounting-container .mounting-menu-common .switch-container {
width: 0.8rem;
height: 0.5rem;
}
.editor-switch-pic-mounting-container .mounting-menu-common .switch-title {
margin-bottom: 0.1rem;
}
.editor-switch-pic-mounting-container .mounting-menu-common .switch-container .switch-button {
width: 0.4rem;
height: 0.4rem;
}
}
$(function () {
const picRelationList = [
{
coordinate: [
1, 1
],
url: ‘https://www.yealink.com/website-service/download/1-1.webp’,
wiringUrl: ‘https://www.yealink.com/website-service/download/1-1-line.webp’
}, {
coordinate: [
1, 2
],
url: ‘https://www.yealink.com/website-service/download/1-2.webp’,
wiringUrl: ‘https://www.yealink.com/website-service/download/1-2-line.webp’
}, {
coordinate: [
2, 1
],
url: ‘https://www.yealink.com/website-service/download/2-1.webp’,
wiringUrl: ‘https://www.yealink.com/website-service/download/2-1-line.webp’
}, {
coordinate: [
2, 2
],
url: ‘https://www.yealink.com/website-service/download/2-2.webp’,
wiringUrl: ‘https://www.yealink.com/website-service/download/2-2-line.webp’
}, {
coordinate: [
3, 1
],
url: ‘https://www.yealink.com/website-service/download/3-1.webp’,
wiringUrl: ‘https://www.yealink.com/website-service/download/3-1-line.webp’
}, {
coordinate: [
3, 2
],
url: ‘https://www.yealink.com/website-service/download/3-2.webp’,
wiringUrl: ‘https://www.yealink.com/website-service/download/3-2-line.webp’
}
]
// 计算宽高度
function computedWidthAndHeigh() {
window.winwidth = $(window).width();
window.winheight = $(window).height();
let screenHeight = winwidth * 938 / 1920;
if (Math.abs(winwidth / winheight – 1920 / 938) 0) {
if (window.innerWidth {
$(element).innerHeight(’70vh’);
});
} else {
elements.each((index, element) => {
$(element).innerHeight(screenHeight);
});
}
}
}
$(window).resize(function () {
computedWidthAndHeigh()
})
$(‘.editor-switch-pic-mounting-container .menu-block’).click((element) => {
const currentClickElement = $(element.currentTarget)
const category = currentClickElement.data(‘category’)
const value = currentClickElement.data(‘value’)
$(`.editor-switch-pic-mounting-container .menu-block[data-category=”${category}”]`).removeClass(‘is-select’);
$(`.editor-switch-pic-mounting-container .menu-block[data-value=”${value}”][data-category=”${category}”]`).addClass(‘is-select’);
fillPic()
console.log(212121)
if($(‘.editor-switch-pic-mounting-container .wiring-module-container .switch-container.close-switch’).length === 0){
showWiring()
}
})
$(‘.editor-switch-pic-mounting-container .switch-container’).click((element) => {
const imageUrl = $(“.editor-switch-pic-mounting-container .mounting-container”).css(“background-image”);
if ($(element.currentTarget).hasClass(‘close-switch’)) {
$(element.currentTarget).removeClass(‘close-switch’);
showWiring()
} else {
$(element.currentTarget).addClass(‘close-switch’);
$(“.editor-switch-pic-mounting-container .mounting-wiring-pic-container”).css(“background-image”, ”);
}
})
//获取当前所选
function getCurrentSelect() {
const selectPosition = $(‘.editor-switch-pic-mounting-container .menu-block.is-select[data-category=”position”]’).data(‘value’);
const selectNum = $(‘.editor-switch-pic-mounting-container .menu-block.is-select[data-category=”num”]’).data(‘value’);
return [selectPosition , selectNum ]
}
function showWiring() {
console.log(‘getCurrentSelect()’,getCurrentSelect())
const url = picRelationList
.find((item) => {
return JSON.stringify(item.coordinate) === JSON.stringify(getCurrentSelect());
})
.wiringUrl
$(“.editor-switch-pic-mounting-container .mounting-wiring-pic-container”).css(“background-image”, `url(${url})`);
}
//填充图片
function fillPic() {
const list = []
$(‘.editor-switch-pic-mounting-container .menu-block.is-select’).each((index, element) => {
const category = $(element).data(‘category’)
const value = $(element).data(‘value’)
list.push({category, value})
})
fillPicByList(list)
}
//查找对应维护图片
function fillPicByList(list, isInit) {
function findValueByCategory(category) {
return list
.find((item) => {
return item.category === category
})
.value
}
const coordinate = [findValueByCategory(‘position’), findValueByCategory(‘num’)]
const url = picRelationList
.find((item) => {
return JSON.stringify(item.coordinate) === JSON.stringify(coordinate);
})
.url
// 设置背景图片
$(‘.editor-switch-pic-mounting-container .mounting-container’).css(‘background-image’, `url(${url})`);
/** if (isInit) {
//预加载所有图片
picRelationList.forEach((item) => {
const img = new Image();
img.src = item.url;
})
}**/
}
//初始执行的方法
computedWidthAndHeigh()
fillPicByList([
{
category: ‘position’,
value: 1
}, {
category: ‘num’,
value: 1
}
], true)
showWiring()
$(“.editor-switch-pic-mounting-container .switch-container”).addClass(‘close-switch’);
$(“.editor-switch-pic-mounting-container .mounting-wiring-pic-container”).css(“background-image”, ”);
})
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1999;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.template1-dialog-container .template1-dialog-child-container {
width: 100%;
height:100%;
align-items: center;
justify-content: center;
padding-top: 150px;
display: flex;
}
.template1-dialog-container .template1-dialog-body {
width: 7.21rem;
background-color: #ffffff;
border-radius: 16px;
}
.template1-dialog-container .template1-dialog-body .dialog-head {
padding: 0.08rem;
}
.template1-dialog-container .template1-dialog-body .dialog-head .close-icon-container {
width: 23px;
height: 23px;
background-color: #eceef2;
cursor: pointer;
float: right;
text-align: center;
position: relative;
border-radius: 50%;
}
.template1-dialog-container .template1-dialog-body .dialog-head .close-icon-container::before,
.template1-dialog-container .template1-dialog-body .dialog-head .close-icon-container::after {
content: “”;
position: absolute;
top: 26%;
left: 49%;
width: 1px;
height: 50%;
background-color: #000000;
}
.template1-dialog-container .template1-dialog-body .dialog-head .close-icon-container::before {
transform: rotate(45deg);
}
.template1-dialog-container .template1-dialog-body .dialog-head .close-icon-container::after {
transform: rotate(-45deg);
}
.template1-dialog-container .template1-dialog-body .dialog-body {
width: 90%;
margin: auto;
padding-top: 0.25rem;
padding-bottom: 0.45rem;
}
.template1-dialog-container .template1-dialog-body .dialog-body .dialog-main-title {
text-align: center;
font-family: ProductSans-Regular;
margin-bottom: 0.1rem;
}
.template1-dialog-container .template1-dialog-body .dialog-body .dialog-second-title {
text-align: center;
font-family: Manrope3-Regular;
margin-bottom: 0.3rem;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form {
padding: 0;
border-image: none;
background-image: none !important;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form .maxsize {
width: 100%;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form .maxsize .boxs {
background-color: unset;
box-shadow: unset;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form .maxsize .boxs .photo {
display: none;
background-image: none !important;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form .maxsize .boxs .wrap {
width: 100%;
padding: 0 0 0 4%;
background-image: none !important;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form .maxsize .boxs .wrap .topic {
display: none;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form .form-container .topic {
padding: 0;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form .option-container {
max-height: calc(100vh – 64px – 3rem);
overflow-y: auto;
}
.template1-dialog-container .template1-dialog-body .dialog-body #contact_form .footer-form {
text-align: center;
padding-right: 4%;
}
@media screen and (max-width:1080px) and (min-width:800px) {
.temp-page1{
.template1-dialog-container{
.template1-dialog-body .dialog-body #contact_form .option-container{
max-height: 60vh;
}
}
}
}
@media screen and (max-width:800px) {
.temp-page1 .template1-dialog-container .template1-dialog-body .dialog-head{
padding: 0.2rem;
}
.temp-page1{
.template1-dialog-container{
.template1-dialog-body .dialog-body #contact_form .option-container{
max-height: 60vh;
}
}
}
}
.editor-switch-pic-buy-container .one-screen-style-buy {
width: 13.31rem;
margin: auto;
padding-top: 1.35rem;
}
.editor-switch-pic-buy-container .buy-title-container {
width: 100%;
text-align: left;
font-family: ProductSans-Bold;
margin-bottom: 1.5vh;
}
.editor-switch-pic-buy-container .buy-body-container {
display: flex;
justify-content: space-between;
height: 5.39rem;
}
.editor-switch-pic-buy-container .buy-left-container {
width: 8.16rem;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: background-image 0.5s ease;
border-radius: 32px;
}
.editor-switch-pic-buy-container .buy-right-container {
width: 4.84rem;
height: 100%;
}
.editor-switch-pic-buy-container .select-container {
height: 4.50rem;
width: 100%;
border-radius: 32px;
background-color: #000000;
}
.editor-switch-pic-buy-container .select-container .select-item {
padding-top: 0.20rem;
height: 1.50rem;
}
.editor-switch-pic-buy-container .select-container .select-item:not(:last-child) {
border-bottom: solid 1px #343434;
}
.editor-switch-pic-buy-container .select-container .select-item .item-title {
font-family: ProductSans-Bold;
color: #ffffff;
width: 4.31rem;
margin: auto;
}
.editor-switch-pic-buy-container .select-container .select-item .iten-check-container {
display: flex;
width: 4.31rem;
margin: auto;
padding-top: 0.08rem;
}
.editor-switch-pic-buy-container .select-container .select-item .item-check-common {
background-color: #343434;
color: #858585;
height: 0.62rem;
text-align: center;
cursor: pointer;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.editor-switch-pic-buy-container .select-container .select-item div {
width: 100%;
}
.editor-switch-pic-buy-container .select-container .select-item .item-check-common.prohibit-select {
cursor: not-allowed;
background-color: #343434!important;
color: #858585!important;
opacity: 0.6;
}
.editor-switch-pic-buy-container .select-container .select-item .one-third {
width: 33.3%;
}
.editor-switch-pic-buy-container .select-container .select-item .one-half {
width: 50%;
}
.editor-switch-pic-buy-container .select-container .select-item .item-check-common.item-check-checked {
background-color: #f6f7f9;
color: #000000;
}
.editor-switch-pic-buy-container .select-container .select-item .item-check-left {
border-radius: 31px 0 0 31px;
}
.editor-switch-pic-buy-container .select-container .select-item .item-check-right {
border-radius: 0 31px 31px 0;
}
.editor-switch-pic-buy-container .select-container .select-item .item-check-center {
border-left: solid 1px #484848;
border-right: solid 1px #484848;
}
.editor-switch-pic-buy-container .select-button-container {
display: flex;
width: 100%;
justify-content: space-between;
}
.editor-switch-pic-buy-container .select-button {
width: 49%;
height: 0.62rem;
line-height: 0.62rem;
text-align: center;
background-blend-mode: normal, normal;
border-radius: 31px;
margin-top: 0.27rem;
cursor: pointer;
}
.editor-switch-pic-buy-container .select-button.select-button-left{
background-image: linear-gradient(#08b286, #08b286), linear-gradient(#000000, #000000);
color: #ffffff;
}
.editor-switch-pic-buy-container .select-button.select-button-left:hover{
background-color: #006f52;
color: #ffffff;
background-image: none;
}
.editor-switch-pic-buy-container .select-button.select-button-right{
background-color: #eceef2;
color: #000000;
}
.editor-switch-pic-buy-container .select-button.select-button-right:hover{
background-color: #343434;
color: #ffffff;
}
@media screen and (max-width: 1700px) {
.editor-switch-pic-buy-container .one-screen-style-buy {
padding-top: 0.8rem;
}
}
@media screen and (max-width: 1500px) {
.editor-switch-pic-buy-container .one-screen-style-buy {
padding-top: 0.6rem;
}
}
@media screen and (max-width: 1050px) {
.editor-switch-pic-buy-container .one-screen-style-buy {
padding-top: 0.3rem;
}
}
@media screen and (max-width: 1000px) and (min-width: 800px) {
.editor-switch-pic-buy-container .one-screen-style-buy {
width: 90%;
}
.editor-switch-pic-buy-container .buy-right-container {
width: 7.84rem;
}
.editor-switch-pic-buy-container .select-container .select-item .iten-check-container {
width: 6.31rem;
}
.editor-switch-pic-buy-container .select-container .select-item {
padding-top: 0;
}
.editor-switch-pic-buy-container .select-container .select-item .item-check-common {
height: 0.8rem;
}
}
@media screen and (max-width: 800px) {
.editor-switch-pic-buy-container .buy-body-container {
height: auto;
display: block;
width: 100vw;
}
.editor-switch-pic-buy-container .buy-left-container {
width: 90vw;
height: 60vw;
margin: 0 auto 5vh;
}
.editor-switch-pic-buy-container .buy-title-container {
padding-left: 5vw;
}
.editor-switch-pic-buy-container .buy-right-container {
width: 90vw;
margin: auto;
}
.editor-switch-pic-buy-container .select-container {
height: 6.6rem;
}
.editor-switch-pic-buy-container .select-container .select-item {
height: 2.2rem;
}
.editor-switch-pic-buy-container .select-container .select-item .item-title {
width: 90%;
}
.editor-switch-pic-buy-container .select-container .select-item .iten-check-container {
width: 90%;
}
.editor-switch-pic-buy-container .select-container .select-item .item-check-common {
height: auto;
padding: 0.1rem 0;
}
.editor-switch-pic-buy-container .select-button {
height: 1rem;
line-height: 1rem;
margin-bottom: 1rem;
margin-top: 0.6rem;
}
}
$(function () {
const picRelationList = [
{
coordinate: [
1, 1, 1
],
url: ‘https://www.yealink.com/website-service/download/1-1-1.webp’,
formData: ‘A40-031’
}, {
coordinate: [
1, 1, 2
],
url: ‘https://www.yealink.com/website-service/download/1-1-2.webp’,
formData: ‘A40-031 + CTP25 Mount Kits’
}, {
coordinate: [
1, 1, 3
],
url: ‘https://www.yealink.com/website-service/download/1-1-2.webp’,
formData: ‘A40-031 + CTP25 Mount Kits’
}, {
coordinate: [
1, 2, 1
],
url: ‘https://www.yealink.com/website-service/download/1-2-1.webp’,
formData: ‘A40-031 + VB-TabletopMount-01’
}, {
coordinate: [
1, 2, 2
],
url: ‘https://www.yealink.com/website-service/download/1-2-2a3.webp’,
formData: ‘A40-031 + VB-TabletopMount-01 + CTP25 Mount Kits’
}, {
coordinate: [
1, 2, 3
],
url: ‘https://www.yealink.com/website-service/download/1-2-2a3.webp’,
formData: ‘A40-031 + VB-TabletopMount-01 + CTP25 Mount Kits’
}, {
coordinate: [
2, 1, 1
],
url: ‘https://www.yealink.com/website-service/download/1-1-5.webp’,
formData: ‘A40-010’
}, {
coordinate: [
2, 1, 2
],
url: ‘https://www.yealink.com/website-service/download/1-1-5.webp’,
formData: ‘A40-010 + CTP25 Mount Kits’
}, {
coordinate: [
2, 1, 3
],
url: ‘https://www.yealink.com/website-service/download/1-1-5.webp’,
formData: ‘A40-010 + CTP25 Mount Kits’
}, {
coordinate: [
2, 2, 1
],
url: ‘https://www.yealink.com/website-service/download/1-1-6.webp’,
formData: ‘A40-010 + VB-TabletopMount-01’
}, {
coordinate: [
2, 2, 2
],
url: ‘https://www.yealink.com/website-service/download/1-1-6.webp’,
formData: ‘A40-010 + VB-TabletopMount-01 + CTP25 Mount Kits’
}, {
coordinate: [
2, 2, 3
],
url: ‘https://www.yealink.com/website-service/download/1-1-6.webp’,
formData: ‘A40-010 + VB-TabletopMount-01 + CTP25 Mount Kits’
}
]
$(‘.template1-dialog-container .close-icon-container’).click(() =>{
if ($(‘.template1-dialog-container’) && $(‘.template1-dialog-container’).length > 0) {
$($(‘.template1-dialog-container’)[0]).hide()
}
})
// 计算宽高度
function computedWidthAndHeigh() {
window.winwidth = $(window).width();
window.winheight = $(window).height();
let screenHeight = winwidth * 938 / 1920;
if (Math.abs(winwidth / winheight – 1920 / 938) 0) {
if (window.innerWidth {
$(element).innerHeight(‘auto’);
});
} else {
elements.each((index, element) => {
$(element).innerHeight(screenHeight);
});
}
}
}
$(window).resize(function () {
computedWidthAndHeigh()
})
$(‘.editor-switch-pic-buy-container .item-check-common’).click((element) => {
const currentClickElement = $(element.currentTarget)
const category = currentClickElement.data(‘category’)
const value = currentClickElement.data(‘value’)
$(`.editor-switch-pic-buy-container .item-check-common[data-category=”${category}”]`).removeClass(‘item-check-checked’);
$(`.editor-switch-pic-buy-container .item-check-common[data-value=”${value}”][data-category=”${category}”]`).addClass(‘item-check-checked’);
fillPic()
})
$(‘.editor-switch-pic-buy-container .select-button.select-button-left’).click((element) => {
if ($(‘.template1-dialog-container’) && $(‘.template1-dialog-container’).length > 0) {
$($(‘.template1-dialog-container’)[0]).show()
if (window[`collectTemplateData66ce7a176580a8663091249f`]) {
const coordinate = [$(`.editor-switch-pic-buy-container .item-check-common.item-check-checked[data-category=”bundles”]`).data(‘value’), $(`.editor-switch-pic-buy-container .item-check-common.item-check-checked[data-category=”bar”]`).data(‘value’), $(`.editor-switch-pic-buy-container .item-check-common.item-check-checked[data-category=”console”]`).data(‘value’)]
const formData = picRelationList
.find((item) => {
return JSON.stringify(item.coordinate) === JSON.stringify(coordinate);
})
.formData
window[`collectTemplateData66ce7a176580a8663091249f`]
.setDefaultValue(formData)
}
}
})
//填充图片
function fillPic() {
const list = []
$(‘.editor-switch-pic-buy-container .item-check-common.item-check-checked’).each((index, element) => {
const category = $(element).data(‘category’)
const value = $(element).data(‘value’)
list.push({category, value})
})
checkRules(list)
fillPicByList(list)
}
//特殊规则
function checkRules(list) {
function findValueByCategory(category) {
return list
.find((item) => {
return item.category === category
})
.value
}
if (findValueByCategory(‘bundles’) === 2) {
$(`.editor-switch-pic-buy-container .item-check-common[data-category=”console”]`).each((index, element) => {
console.log(‘element’, element)
$(element).addClass(‘prohibit-select’);
})
} else {
$(`.editor-switch-pic-buy-container .item-check-common[data-category=”console”]`).each((index, element) => {
$(element).removeClass(‘prohibit-select’);
})
}
}
//查找对应维护图片
function fillPicByList(list, isInit) {
function findValueByCategory(category) {
return list
.find((item) => {
return item.category === category
})
.value
}
const coordinate = [findValueByCategory(‘bundles’), findValueByCategory(‘bar’), findValueByCategory(‘console’)]
const url = picRelationList
.find((item) => {
return JSON.stringify(item.coordinate) === JSON.stringify(coordinate);
})
.url
// 设置背景图片
$(‘.editor-switch-pic-buy-container .buy-left-container’).css(‘background-image’, `url(${url})`);
/** if (isInit) {
//预加载所有图片
picRelationList.forEach((item) => {
const img = new Image();
img.src = item.url;
})
}**/
}
//初始执行的方法
computedWidthAndHeigh()
fillPicByList([
{
category: ‘bundles’,
value: 1
}, {
category: ‘bar’,
value: 1
}, {
category: ‘console’,
value: 1
}
], true)
originForm = $(‘#contact_form’)
originForm.appendTo(‘.editor-switch-pic-buy-container .template-target’);
})
RELATED ACCESSORIES
English