/** * 选项的小图标 */ const thumbsUp = ''; const thumbsDown = ''; const happyFace = ''; const NeutralFace = ''; const sadFace = ''; var urlParams = new URLSearchParams(window.location.search); var params = {}; for (const param of urlParams) { params[param[0]] = param[1]; } const webList = { 'default': 'gh', 'www.asiahighlights.com': 'ah', 'www.globalhighlights.com': 'gh', }; var hostname = window.location.hostname.toLowerCase(); var webcode = webList[hostname] || 'gh'; var LanGuageCode = [ { 'LGC_LGC': '1', 'LGC_Language': 'English', title: 'One Minute Feedback - Help Us Serve You Better！', tips: 'Thank you for completing the Feedback Evaluation. Once submitted the tour guide would not be able to view your comments.', mobile_lead: 'Please rate by clicking the stars below.', start: 'Did you enjoy your stay in the {city} area? Your honest feedback is appreciated to help us continually improve our service.', // reference_no: 'Reference NO.:', guide_name: "Guide's Name:", city: 'City:', questions: [ 'How satisfied were you with your tour guide?', 'How about the Driver and Car/Van?', 'General Experience with:', 'Would you give Global Highlights permission to use photos taken by your tour guide(s) that contain your picture?', 'Any other comments that you would like to share with us?', 'Where is your desired destination for your next trip?', 'Signature:', ], options_text: ['Excellent', 'Very Good', 'Fair', 'Poor', 'Unacceptable'], judgement_text: ['Yes', 'No'], btns: { clear: 'Clear', submit: 'Submit & Finish', cancel: 'Cancel' }, thank_you: 'Thank you for your feedback!', }, { 'LGC_LGC': '2', 'LGC_Language': 'Chinese', title: '', tips: '', questions: [], options_text: [], judgement_text: [], btns: { clear: '', submit: '', cancel: '' } }, { 'LGC_LGC': '3', 'LGC_Language': 'Japanese', title: '1分フィードバック - サービス改善のためのご協力をお願いします。', tips: 'フィードバックのご回答、誠にありがとうございます。ご回答内容はツアーガイドが閲覧することはできませんので、ご安心ください。', mobile_lead: '下の星マークをクリックして評価をお願いします。', start: '{city}でのご滞在はいかがでしたか？今後のサービス向上のため、率直なご意見をお聞かせください。', // reference_no: '予約番号：', guide_name: 'ガイドの名前：', city: '都市：', questions: [ 'ツアーガイドのご対応はいかがでしたか？', 'ドライバーおよび車両のご利用状況はいかがでしたか？', '以下の点について、ご感想をお聞かせください。', 'アーガイドが撮影した写真（お客様が写っているもの）を、chinaHighlightsの広告や宣伝素材として使用することを許可されますか？', 'その他、ご意見やご要望がございましたら、ご自由にお書きください。', '次回のご旅行で行きたい目的地はどこですか？', '署名:', ], options_text: ['とてもいい', '良い', '普通', '悪い', '非常に悪い'], judgement_text: ['はい', 'いいえ'], btns: { clear: 'クリア', submit: '送信', cancel: 'キャンセル' }, thank_you: 'ご意見ありがとうございます。', }, { 'LGC_LGC': '4', 'LGC_Language': 'German', title: 'Ein-Minuten-Feedback - Helfen Sie uns, Ihnen besser zu dienen！', tips: 'Vielen Dank, dass Sie das Feedback ausgefüllt haben. Sobald es abgeschickt wurde, kann der Reiseleiter Ihre Kommentare nicht einsehen.', mobile_lead: 'Bitte bewerten Sie, indem Sie unten auf die Sterne klicken', start: 'Haben Sie Ihren Aufenthalt im Bereich {city} genossen? Ihr ehrliches Feedback hilft uns, unseren Service ständig zu verbessern.', // reference_no: 'Referenz-Nr.:', guide_name: 'Name des Reiseleiters:', city: 'Stadt:', questions: [ 'Wie zufrieden waren Sie mit Ihrem Reiseleiter oder Ihrer Reiseleiterin?', 'Wie war der Fahrer und das Auto/Van?', 'Allgemeine Erfahrung mit:', 'Würden Sie Global Highlights die Erlaubnis geben, Fotos zu verwenden, die von Ihrem Reiseleiter gemacht wurden und auf denen Sie abgebildet sind?', 'Gibt es weitere Kommentare, die Sie mit uns teilen möchten?', 'Wo liegt Ihr gewünschtes Ziel für Ihre nächste Reise?', 'Unterschrift:', ], options_text: ['Ausgezeichnet', 'Sehr gut', 'Ausreichend', 'Schlecht', 'Inakzeptabel'], judgement_text: ['Ja', 'Nein'], btns: { clear: 'Löschen', submit: 'Fertig & Absenden', cancel: 'Abbrechen' }, thank_you: 'Vielen Dank für Ihr Feedback!', }, { 'LGC_LGC': '5', 'LGC_Language': 'French', title: "Retour d'une Minute - Aidez-nous à Mieux Vous Servir !", tips: "Merci de compléter l'Évaluation de Retour. Une fois soumise, le guide touristique ne pourra pas voir vos commentaires.", mobile_lead: 'Veuillez évaluer en cliquant sur les étoiles ci-dessous.', start: 'Avez-vous apprécié votre séjour dans la région de {city} ? Vos commentaires honnêtes sont appréciés pour nous aider à améliorer continuellement notre service.', // reference_no: 'Numéro de Référence :', guide_name: 'Nom du Guide :', city: 'Ville :', questions: [ 'Êtes-vous satisfait(e) de votre guide touristique ?', "Qu'en est-il du chauffeur et de la voiture/van ?", 'Expérience générale avec :', "Donnez-vous à Asia Highlights la permission d'utiliser les photos prises par votre/vos guide(s) contenant votre image ?", "Avez-vous d'autres commentaires que vous aimeriez partager avec nous ?", 'Quelle est votre destination souhaitée pour votre prochain voyage ?', 'Signature :', ], options_text: ['Excellent', 'Très bien', 'Moyen', 'Médiocre', 'Inacceptable'], judgement_text: ['Oui', 'Non'], btns: { clear: 'Effacer', submit: 'Terminer & Soumettre', cancel: 'Annuler' }, thank_you: 'Merci pour votre retour !', }, { 'LGC_LGC': '6', 'LGC_Language': 'Spanish', title: 'Comentarios de Un Minuto - ¡Ayúdenos a Ofrecerle Un Mejor Servicio!', tips: 'Gracias por completar la Evaluación de Comentarios. Una vez enviada, el guía no podrá ver sus comentarios.', mobile_lead: 'Por favor califique haciendo clic en las estrellas a continuación.', start: '¿Disfrutó de su estancia en la zona de {city}? Agradecemos sus comentarios sinceros para ayudarnos a mejorar continuamente nuestro servicio.', // reference_no: 'NO. de Referencia:', guide_name: 'Nombre de Guía:', city: 'Ciudad:', questions: [ '¿Qué tan satisfecho estaba con su Guía?', '¿Cómo estaba el Conductor y el Coche/Van?', 'Experiencia General con:', '¿Le daría permiso a nuestra agencia para usar fotos tomadas por su(s) guía(s) que contengan su imagen?', '¿Algún otro comentario que le gustaría compartir con nosotros?', '¿Cuál es su destino deseado para su próximo viaje?', 'Firma:', ], options_text: ['Excelente', 'Muy Bueno', 'Justo', 'Pobre', 'Inaceptable'], judgement_text: ['Sí', 'No'], btns: { clear: 'Limpiar', submit: 'Terminar & Enviar', cancel: 'Cancelar' }, thank_you: '¡Gracias por sus comentarios!', }, { 'LGC_LGC': '7', 'LGC_Language': 'Russian', title: 'Обратная связь за одну минуту - Поможет Нам лучше обслуживать Вас！', tips: 'Благодарим вас за заполнение формы обратной связи. После отправки Ваш гид не сможет просмотреть ваши комментарии. ', mobile_lead: 'Пожалуйста, нажмите на звездочки ниже, чтобы оценить.', start: 'Понравилось ли вам пребывание в {city}? Мы будем признательны за ваши честные отзывы, которые помогут нам постоянно улучшать наш сервис.', reference_no: 'Номер запрос:', guide_name: 'Имя гида', city: 'Город', questions: [ 'Вы довольны работой Вашего гида?', 'Вы довольны работой Вашего водителя?', 'Оценка всего тура в целом', 'Разрешаете ли Вы нам использовать Ваши фотографии на веб-сайте Asia Highlights? ', 'Есть еще какие-нибудь комментарии, которыми Вы хотели бы поделиться с нами?', 'Куда бы вы хотели отправиться в свою следующую поездку?', 'Подпись:', ], options_text: ['Отлично', 'Очень хорошо', 'Средне', 'Не оправдало ожиданий', 'Неприемлемо'], judgement_text: ['Да', 'Нет'], btns: { clear: 'Ясно', submit: 'Завершить и отправить', cancel: 'Отменить' }, thank_you: 'Спасибо вам за ваш отзыв!', }, { 'LGC_LGC': '8', 'LGC_Language': 'Italian', title: 'Feedback in un Minuto – Aiutaci a Servirti Meglio!', tips: 'Grazie per aver completato la valutazione. Una volta inviato, la guida non potrà visualizzare i tuoi commenti.', mobile_lead: 'Per favore, valuta cliccando sulle stelle qui sotto.', start: 'Ti sei divertito/a durante il tuo soggiorno a {city}? Apprezziamo il tuo feedback onesto per aiutarci a migliorare continuamente il nostro servizio.', reference_no: 'Numero di riferimento:', guide_name: 'Nome della guida:', city: 'Città:', questions: [ 'Quanto sei soddisfatto/a della guida locale?', "Come valuti l'autista e il veicolo (auto/pulmino)?", 'Esperienza generale con:', 'Autorizzi Global Highlights a utilizzare foto scattate dalla guida che ti ritraggono?', 'Altri commenti che vorresti condividere con noi?', 'Qual è la tua destinazione desiderata per il prossimo viaggio?', 'Firma:', ], options_text: ['Ottimo', 'Molto buono', 'Sodddisfatto', 'Al di sotto delle aspettative', 'Inacettabile'], judgement_text: ['Sì', 'No'], btns: { clear: 'Azzera', submit: 'Termina e invia', cancel: 'Annulla' }, thank_you: 'Grazie per il tuo feedback!', }, ]; var lanCodeMapped = LanGuageCode.reduce((r, v) => Object.assign(r, { [v.LGC_LGC]: v }), {}); var i18n = lanCodeMapped[String(params.l || 1)]; start_template = i18n.start.replace('{city}', '{{city}}'); Vue.component('start-eva-text', { props: ['city'], template: '

' + start_template + '

', }); const rateList = [ { name: i18n.options_text[0], value: 5, url: './img/thumbsup.svg', svg: thumbsUp }, { name: i18n.options_text[1], value: 4, url: './img/happyface.svg', svg: happyFace }, { name: i18n.options_text[2], value: 3, url: './img/neutralface.svg', svg: NeutralFace }, { name: i18n.options_text[3], value: 2, url: './img/sadface.svg', svg: sadFace }, { name: i18n.options_text[4], value: 1, url: './img/thumbsdown.svg', svg: thumbsDown }, ]; const rateListMapped = rateList.reduce((r, v) => Object.assign(r, { [v.value + '']: v }), {}); const trueFalseList = [ { name: i18n.judgement_text[0], value: 1, url: './img/thumbsup.svg', svg: thumbsUp }, { name: i18n.judgement_text[1], value: 0, url: './img/thumbsdown.svg', svg: thumbsDown }, ]; // 定义名为 options-item 的新组件 Vue.component('options-item', { props: ['question', 'si', 'qi', 'qitem', 'disabled'], template: "
" + // template: '
' + '{{selectedRatingText}}' + '
' + '' + '' + '
' + '
', data() { return { rateList: rateList, selectItem: String(this.qitem.rate || (this.disabled ? 0 : 5)), }; }, computed: { isWideScreen() { return window.innerWidth >= 768; // Adjust the threshold as needed }, selectedRatingText() { return (rateListMapped[this.selectItem] && rateListMapped[this.selectItem].name) || ''; }, }, }); Vue.component('options-item-star', { props: ['question', 'si', 'qi', 'qitem', 'disabled'], template: '
' + '" + '
' + '{{selectedRatingText}}' + '
', data() { return { rateList: rateList, selectItem: String(this.qitem.rate || (this.disabled ? 0 : 5)), }; }, computed: { selectedRatingText() { return (rateListMapped[this.selectItem] && rateListMapped[this.selectItem].name) || ''; // return rateListMapped[this.selectItem]?.name || ''; }, }, }); // yes or no Vue.component('judgment-item', { props: ['question', 'si', 'qi', 'qitem', 'disabled'], template: '
' + '
' + '' + '' + '
' + '
', data() { return { rateList: trueFalseList, }; }, });