zzzz
2024-03-26 c790779e2c578d892e184932c660023eb4d466aa
src/page/login/components/header.vue
@@ -1,9 +1,14 @@
<template>
    <div class="header_history">
        <div class="header_content">
            <div class="left_back" @click="$router.go(-1)"><img src="../../../assets/img/back.png" alt=""></div>
            <div class="right_mess"><span>{{mess}}</span></div>
      <div class="left_back" @click="$router.go(-1)">
        <img src="../../../assets/img/back.png" alt="" />
      </div>
      <div class="right_mess">
        <span>{{ mess }}</span>
      </div>
            <div class="right_back">
        <div></div>
             <!--   <div class="service">
                    <img @click="goOnline()" :src="Service" alt />
                </div>
@@ -14,8 +19,6 @@
                        </div>
                    </template>
                </van-popover> -->
            </div>
        </div>
    </div>
@@ -25,42 +28,45 @@
import Service from "@/assets/home/icon_talk.png";
import * as api from "@/axios/api";
export default {
    name: 'headers',
    props: ['mess'],
  name: "headers",
  props: ["mess"],
    data() {
        return {
            Service,
            onlineService: "",
            showPopover: false,
            actions: [
            { text: 'English', icon: require('@/assets/ico/english.png'), lang: 'zh-CN' },
        { text: 'हिंदी', icon: require('@/assets/ico/india.png'), lang: 'en' },
        {
          text: "English",
          icon: require("@/assets/ico/english.png"),
          lang: "zh-CN",
        },
        { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" },
        // { text: '繁体中文', icon: require('@/assets/ico/tw.png'), lang: 'tw' }
        ],
        }
    };
    },
    methods: {
        onSelect(e) {
            this.$i18n.locale = e.lang;
            window.localStorage.setItem('language', e.lang);
      window.localStorage.setItem("language", e.lang);
        },
        goOnline() {
            this.$router.push('/service');
      this.$router.push("/service");
        },
        async getInfoSite() {
            let data = await api.getInfoSite()
      let data = await api.getInfoSite();
            if (data.status === 0) {
                this.onlineService = data.data.onlineService
        this.onlineService = data.data.onlineService;
            } else {
                Toast(data.msg)
        Toast(data.msg);
            }
        },
    },
    mounted() {
        this.getInfoSite()
    }
}
    this.getInfoSite();
  },
};
</script>
<style scope lang="less">
@@ -81,12 +87,11 @@
    }
    .left_back {
        width: .6513rem;
    width: 0.6513rem;
        height: 1.0513rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .right_back {
@@ -103,14 +108,12 @@
            img {
                width: 0.5rem;
                height: 0.5rem;
            }
        }
    }
    .right_mess {
        width: 60%;
    width: 40%;
        height: 100%;
        display: flex;
        justify-content: flex-end;